<!DOCTYPE html>
<html>
<head>
<title>设置三个div样式</title>
<style type="text/css">
#div1 {
background-color: red
width: 100px
height: 100px
}
#div2 {
background-color: green
width: 150px
height: 150px
}
#div3 {
background-color: blue
width: 200px
height: 200px
}
</style>
</head>
<body>
<div id="div1"></div>
<div id="div2"></div>
<div id="div3"></div>
</body>
</html>
在这个示例中，我们使用了"id"属性来给每个div元素赋予唯一的标识符，然后使用CSS设置每个div元素的不同样式属性，包括背景颜色、宽度、高度等。您可以根据自己的需要修改这些属性值，以达到你想要的效果。
<meta http-equiv="Content-Type" content="text/htmlcharset=utf-8" /><title>无标题文档</title>
</head><body><div class="style1">如何调用2个样式</div></body></html>我现在只调用了一个style1, 我想把style2也调用控制这个DIV。格式是怎么写的？？ 不要把2个style合成一个的方法。补充：我为什么会想到这个呢，是因为假如我的页面中的文字需要红色（粗细体）、 黑色（粗细体）.、蓝色（粗细体）、白色（粗细体）。那么我只要每个样色写一个样式，粗细各写一个样式。再组合就行了。但是你们都这么说了。我也只要一个颜色的粗体 细体都要建一个样式了，这样就会很多样式了。
var creatediv= function(){var parentdiv=$('
') //创建一个父div，如果已经有了就获取
parentdiv.attr('id','parent') //给父div设置id
parentdiv.addclass('parentdiv') //添加css样式 var childdiv=$('
') //创建一个子div
childdiv.attr('id','child') //给子div设置id
childdiv.addclass('childdiv') //添加css样式
childdiv.appendto(parentdiv) //将子div添加到父div中 parentdiv.appendto('parentdiv') //将父div添加到父级中去
}
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）