后代選擇器
.類名選擇器 .類名選擇器 ---->找到box1下面的demo類名
.box1 .demo{
color: gold;
}
.類名選擇器 p ---->直接找到box1下面的p標(biāo)簽
.box1 p {
color: red;
}
<div class="box1">
<ul>
<li><p class="demo">阿士大夫撒旦</p></p></li>
<li><p class="dede">afsdfsdfsadfs</p></li>
<li><p>阿斯頓發(fā)斯蒂芬</p></li>
<li><p>士大夫士大夫撒旦法撒旦法士大夫</p></li>
<li><p>撒旦法她問他we</p></li>
</ul>
</div>
交集選擇器
p.ppp{
color:red;
}
.box1 p.pp{ 后代交集選擇器
color:green;
}
<div class="box1">
<p class="pp ps">適得府君書公司的</p>
<p class="pppp">sadfsdfsadf阿斯頓發(fā)斯蒂芬</p>
<p class="ppp">撒發(fā)送到發(fā)斯蒂芬斯蒂芬sadfsdfsadf阿斯頓發(fā)斯蒂芬</p>
</div>
<div class="box2">
<p class="pp ps">適得府君書公司的</p>
<p class="pppp">sadfsdfsadf阿斯頓發(fā)斯蒂芬</p>
</div>
最后編輯于 :
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者