選擇器優(yōu)先級的問題
如圖，想知道為什么第二個方框顯示的是子選擇器的樣式而不是類選擇器的樣式？？？
慕斯卡1050067
2017-03-18
3 回答
舉報
0/150
提交
取消
2017-03-18
可能是類選擇器權(quán)值為10，而包含的是類+包含，具體包含權(quán)值多少我也不知道，你可以搜一下，總之就是10+的意思吧
2017-03-18
特殊性：
標簽的權(quán)值為1，類選擇符的權(quán)值為10，
ID選擇符的權(quán)值最高為100。例如下面的代碼：
p{color:red;} /*權(quán)值為1*/
p span{color:green;} /*權(quán)值為1+1=2*/
.warning{color:white;} /*權(quán)值為10*/
p span.warning{color:purple;} /*權(quán)值為1+1+10=12*/
#footer .note p{color:yellow;} /*權(quán)值為100+10+1=111*/
注意：還有一個權(quán)值比較特殊--繼承也有權(quán)值但很低，
有的文獻提出它只有0.1，所以可以理解為繼承的權(quán)值最低。
權(quán)值越高，就會被應(yīng)用。
同理，.first>span 的權(quán)值大于 .blue類的權(quán)值，所以使用.first>span
2017-03-18
應(yīng)該是權(quán)值的問題吧，顯示權(quán)值更高的樣式。