?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;

}

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

?

?

?

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

?

本文轉載于:猿2048?https://www.mk2048.com/blog/blog.php?id=ha1cc1hj&title=CSS權重的比較方法