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