權值加法怎么理解?
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*/
代碼中的第二行、四、五行的注釋怎么理解?
還有第二行 p標簽選擇器加空格加上span標簽選擇器怎么理解?
2015-04-02
咱們先復習下權值,標簽的權值為1,類選擇符的權值為10,ID選擇符的權值最高為100。
第二行不是有2個標簽,那么權值就是1+1=2。那么 p span是什么意思呢?就是p標簽下的span標簽。
第四行有2個標簽和一個類標簽,那么權值就是1+1+10=12。p span.warning就是p標簽下的span標簽下的類選擇符warning。
第五行是一個id選擇符和一個類選擇符,權值就是100+10+1=111。#footer .note就是id選擇符下的類選擇符note。