CSS權重的比較方法

 CSS的權重如下：

!important  Infinity正無窮
 行間樣式  1000
 id     100
 class|屬性|唯類 10
 標簽|偽元素  1
 通配符   0
 256進位

當出現多個選擇器時 在同一行的選擇器權重相加即可

當兩個混合選擇器權重相同時優先選擇後面的選擇器

如：

html

<div class="divClass"  id="idDiv">

<p class="classP" id="idP">1</p>

</div>

css:

#idDiv p.classP{

background-color:red;

}

div .classP#idP{

background-color:green;

}

兩者權重相同 但是遵從先來後到 所以顯示為綠色

<--本人小白 開通博客只是為了學習交流發的東西比較低級 不喜勿噴 謝謝!!-->