特殊性 課件不懂
p span{color:green;} /*權值為1+1=2*/ 這個我理解為是p的后代選擇器選擇了span，所以span的權重為2 大于單獨設置span
p span.warning{color:purple;} /*權值為1+1+10=12*/
#footer .note p{color:yellow;} /*權值為100+10+1=111*/
這兩個就不懂了，代表了什么意思呢，p選的后代的span 再選擇類選擇的.warning？
halamourinho
2017-03-20
7 回答
舉報
0/150
提交
取消
2017-04-13
p span.warning{color:purple;} /*權值為1+1+10=12*/
#footer .note p{color:yellow;} /*權值為100+10+1=111*/
跟第一條是一樣的計算方法，第二條p span 為1+1 .warning權值為10，所以第二條為1+1+10=12
第三條#footer權值為100 .note權值為10，p權值為1，第三條就是100+10+1=111
2017-03-20
例子：<p><span class:"warning">內容</span></p>
2017-03-20
即是產生的變化是采用p span.warning{}里的樣式
2017-03-20
標簽權值是1，類選擇符的權值為10，ID選擇符的權值最高為100。第一個p span｛color:green;｝ ?p的權值為1 span的權值為1，所以1+1=2是因為p的權值加上span的權值為2。
2017-03-20
差不多是這樣吧，我也是這樣理解的
2017-03-20
p和span是1 ,.warning是10
意思是p標簽里span標簽內class為warning的標簽樣式
2017-03-20
直接后代，間接后代的意思 ，平時用的很少，計算權值 只管元素選擇器是1 ?，類選擇器是10，id選擇器是100即可