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

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

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

<p>

<span class="warning">

</span>

</p>

第二句帶空格：p標(biāo)簽下的span標(biāo)簽，span標(biāo)簽下的內(nèi)聯(lián)標(biāo)簽比如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中同時(shí)包含example和pp的元素。

例如：

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

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

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

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

p標(biāo)簽里面的 class="warning" 的span標(biāo)簽