包含選擇器
.food li{bord:1px solid red;}，這個的意思是類選擇器food還有后輩元素li都是紅色的實線框，但是.first span{color:red;}又只是span里邊的內容字體為紅色，而不是first選擇器下邊的內容字體全部為紅色，這是要怎么理解呢？
qq_靜默水鄉_0
2017-07-21
4 回答
舉報
0/150
提交
取消
2017-07-21
.food li{bord:1px solid red;} 只是把food 所有的后代的li 樣式改成紅色實線邊框 ，代表food的最外層的ul并沒有邊框的
2017-07-21
.first span{color:red;}就是first類里面所有的span里的字體為紅色
2017-07-21
都是只有后代才變li 和li的后代邊框會變為紅色，food類并沒有文字內容，沒有加邊框。所以.first span后也只有span及span后代變色，first不變色，不然整段P都是紅色。
2017-07-21
li是塊級元素，span是內聯元素，詳細回看第十一章 元素分類