首先上圖

css 命令在讀取時是按照其優先級的高低的先后順序來解讀的，當優先級相同時是按照其css命令寫的先后順序來讀取的，即后面的css覆蓋（前后css屬性設置 不同時）或繼承（前后css屬性設置相同或后面未設置該css屬性時）前面的css命令。下面對html中類選擇器、ID選擇器、后代選擇器、群組選擇器 等，以及選擇器的優先級的計算總結一下。

1、標簽名選擇器

CSS:

div {color:red;border:1px blue solid;}?

span {float:right;} 2、類選擇器 HTML： <div class="test">類選擇器</div> CSS：? .test {color:red;border:1px blue solid;} 3、ID選擇器 HTML： <div id="test">ID選擇器</div> CSS：? #test {color:red;border:1px blue solid;} 4、直接在標簽中加入style html: <div style="border:1px yellow solid;">標簽中直接加入style</div>

選擇器的優先級的計算：

?????? 直接加入style的優先級最高相當于數學計算的千位，用a表示；ID選擇器的優先級次之，用b表示；class類選擇器的優先級次之，用c表示；標簽名選擇器的優先級次之，用d表示。

?????? 優先級的計算公式為：優先級=a*1000+b*100+c*10+d.

轉載于:https://www.cnblogs.com/forthequeen/archive/2011/08/23/2150388.html

總結

以上是生活随笔為你收集整理的Css 选择器 算法 规则的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。