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

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

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

<p>

<span class="warning">

</span>

</p>

第二句帶空格：p標簽下的span標簽，span標簽下的內聯標簽比如a

<p>

<span>

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

</span>

</p>

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

例如：

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

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

例如：

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

應該能懂了吧~

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

標簽選擇器的權值為1,類選擇器的權值為10，ID選擇器的權值為100，總是執行權值高的語句。應該是這樣。

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