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