当前位置 博文首页 > m0_53521757的博客：CSS之并集选择器
如果说在各个标签中有相同的属性时，我们可以把这些属性用并集选择器放到一起，从而达到简化代码的效果。
用法：各个选择器用逗号隔开
/* 并集选择器的用法，各个选择器用逗号隔开 */
#div_01,.c_01,div{
background-color: #9ACD32;
width: 200px;
height: 200px
}
完整示例代码
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>并集选择器</title>
<style type="text/css">
/* 并集选择器的用法，两个标签用逗号隔开 */
#div_01,.c_01,div{
background-color: #9ACD32;
width: 200px;
height: 200px
}
</style>
</head>
<body>
<div id="div_01">
这是第一个div
</div>
<!-- 中间用p标签隔开，更容易看出效果 -->
<p>这是p标签</p>
<div class="c_01">
这是第二个div
</div>
<p>这是p标签</p>
<div>
这是第三div
</div>
<p>这是p标签</p>
</body>
</html>
页面效果（中间我们用p标签隔开，更容易看出效果）
这是小白白的笔记，如果这个笔记适合大家学习，大家也可以拿去滴哟！欢迎大家积极指正哦！
