你只要知道 在p標簽里面的 class="warning" 的span標簽 ?p的權(quán)值是1 ?span 的權(quán)值是1 ?.warning的權(quán)值是10 權(quán)值越高就應(yīng)用對應(yīng)的效果!

這句話什么意思：標簽選擇器的權(quán)值1+標簽選擇器的權(quán)值1+類選擇器的權(quán)值10=12

第一句不帶空格：p標簽下的span標簽，并且span標簽中帶有warning類

<p>

<span class="warning">

</span>

</p>

第二句帶空格：p標簽下的span標簽，span標簽下的內(nèi)聯(lián)標簽比如a

<p>

<span>

<a class="warning"></a>

</span>

</p>

.example .pp中間用空格隔開，表示后代選擇器，選擇的是.example內(nèi)的.pp。

例如：

<div?class="example">
???<div?class="pp">被選擇的元素</div>
</div>

.example.pp選擇的是class中同時包含example和pp的元素。

例如：

<div?class="example?pp">
被選擇的元素
</div>

應(yīng)該能懂了吧~

你就理解成先找到p，這時候權(quán)值是1，再找到p里面你的span，這時候更準確了，就是2，再找到更里面的類名，就加10。但是有前提，這是對同一標簽來說。

標簽選擇器的權(quán)值為1,類選擇器的權(quán)值為10，ID選擇器的權(quán)值為100，總是執(zhí)行權(quán)值高的語句。應(yīng)該是這樣。

p標簽里面的 class="warning" 的span標簽