交集选择器是and,并集选择器是or。交集选择器最多只能够交2个,其中第一个是标记,第二个是类选择器或者id选择器,形如:.screen.now。并集选择器可以选择多个,中间需要用“,”隔开。
以下一段代码为简单实例:
<style>
/*一个并集选择器*/
h1,h2,h3,p{
font-size:12px;
color:green;
}
/*并集选择器内依次有交集选择器(h2.special)、类选择器(special)、ID选择器(#one)*/
h2.special,.special,#one{
text-decoration: underline;
color: red;
}
/*交集选择器*/
h2.special{
color:blue;
font-size: 30px
}
</style>
<body>
<h2>示例文字000</h2>
<h2 class="special">示例文字001</h2>
<p class="special">示例文字002</p>
<h4 id="one">示例文字003</h4>
<h4>示例文字004</h4>
</body>