子元素選擇器與后代選擇器,有點兒迷糊
如圖所示:為什么".food>li”加邊框樣式只針對最外層的li,加入font-weight樣式后所有的li字體也都加錯了啊,那要這樣的話,對于邊框樣式,豈不是應(yīng)該每個li都要加一下邊框啊,但效果是將".food>li”改為".food li”的時候,才會每項li加邊框
如圖所示:為什么".food>li”加邊框樣式只針對最外層的li,加入font-weight樣式后所有的li字體也都加錯了啊,那要這樣的話,對于邊框樣式,豈不是應(yīng)該每個li都要加一下邊框啊,但效果是將".food>li”改為".food li”的時候,才會每項li加邊框
2016-07-20
舉報
2016-07-26
因為文字顏色有繼承性,border沒有繼承性(可以近似理解為父母的膚色會繼承給兒子,孫輩......)
2016-07-22
food>li是針對于作用它所在后輩的第一個,比如所,爺爺輩的某些東西只會在父輩有用,到了第三代這個屬性就消失了。
2016-07-20
food>li 確實是只針對直接子元素的。所以最外層的li獲得了font-weight樣式樣式,但該樣式又有繼承特性,被內(nèi)層的li繼承了。