其實并不是這樣
其實并不是這樣的,我試驗了.
11個div嵌套 然后第11個div設(shè)置class="el"
下面在使用
.el{
color:red;
}
div>div>div>div>div>div>div>div>div>div>div{
color:green;
}
結(jié)果是class優(yōu)先如果按照上面的話 加11次div權(quán)值應(yīng)該是11大于class的10
qq_迷途的羊_0
2020-03-03
2 回答
舉報
0/150
提交
取消
2020-03-05
其實不能這么說，誰也不可能這么寫代碼，既然你已經(jīng)給他命名el了，那你寫的時候就不可能用后代選擇器了 ，權(quán)重只是在正常情況下算的。
2020-03-03
?選擇器優(yōu)先級(權(quán)重) !import>內(nèi)聯(lián)樣式>id選擇器>class選擇器>標簽選擇器>通配符選擇器>繼承的樣式
對于組合選擇器不會計算比如?p,h,.i{color:red}?p為1???h為1??.i為10
CSS樣式選擇器分為4個等級，a、b、c、d，可以以這四種等級為依據(jù)確定CSS選擇器的優(yōu)先級。
????1.a=內(nèi)聯(lián)樣式
????2.b=id選擇器數(shù)量
????3.c=Class類選擇器、屬性選擇器、(當選擇器里加了偽類)偽類的數(shù)量。(就是說class屬性選擇器都屬于c級別的)
????4.d=元素選擇器、(當選擇器里加了偽元素)偽元素的數(shù)量
????權(quán)重比:計算(a,b,c,d)??a>b>c>d
????(從左到右 左邊最大? 0,0,0,0)
比如???2+8=10(0,10,0,0)而不是1,0,0,0
????????#wrapper?#content?{}? ? ? ? 權(quán)重是:0,2,0,0? ? ? ??
????????div#content?{}? ? ? ? ? ? ? ? ? ? 權(quán)重是:0,1,0,1
????????p?{}?????????????????????????????????????權(quán)重是:0,0,0,1