最后兩條表達式是什么意思？沒有看懂
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*/
Jarly杰
2017-02-12
2 回答
舉報
0/150
提交
取消
2017-02-12
一：p span.warning{color:purple;} /*權值為1+1+10=12*/
（1）p span中空格是代表后代選擇器，選擇指定標簽元素下的后輩元素。即對象是p中<span></span>包含的元素
（2）.warning中.是類選擇器，表示class="warning"
所以這條意思是把p中class="warning"的span包含的文字顏色設為紫色。puprle是紫色。
二：#footer .note p{color:yellow;} /*權值為100+10+1=111*/
（1）#footer中 # 是ID選擇器標志，??.note p同一
所以這條是把p中ID="footer",class="note"的文字顏色設置為黃色。
2017-02-12
倒數第二條的意思是p span 和class為warning的元素顏色為粉色，最后一條的意思是id為footer，class為note，p的元素顏色為黃色