首先上圖

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

1、標(biāo)簽名選擇器

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、直接在標(biāo)簽中加入style html: <div style="border:1px yellow solid;">標(biāo)簽中直接加入style</div>

選擇器的優(yōu)先級的計算：

?????? 直接加入style的優(yōu)先級最高相當(dāng)于數(shù)學(xué)計算的千位，用a表示；ID選擇器的優(yōu)先級次之，用b表示；class類選擇器的優(yōu)先級次之，用c表示；標(biāo)簽名選擇器的優(yōu)先級次之，用d表示。

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

轉(zhuǎn)載于:https://www.cnblogs.com/forthequeen/archive/2011/08/23/2150388.html

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。