我還是理解不了這個第一代選擇器
.food>li{
border:1px solid red;
}
是水果和蔬菜兩個li加了邊框，那為什么我在里面加上一條color:blue的話，ul li里面的香蕉白菜等字體顏色都會變成藍色？
慕仙6215699
2018-09-06
4 回答
舉報
0/150
提交
取消
2018-09-06
.food>li{
border:1px solid red;
}? --這個就是選擇第一代子元素，但是因為第一代子元素里面還有第二代或者第三代元素，由于繼承的原因，他們會繼承第一代元素的樣式，但是我們可以自己給第二代子元素添加樣式，比如
.food > li{
?? ?border: 1px solid red;
?? ?background: blue;
}
.food li ul li{
?? ?background: green;
}
---你會發(fā)現(xiàn)22222222的背景是綠色的，11111111是藍色的
??? <ul class="food">
??????? <li>
??????????? <ul>
??????????????? <li>222222222</li>
??????????? </ul>
??????? </li>
??????? <li>
??????????? 111111111
??????? </li>
??? </ul>
??? 9999999999999999999999999
2018-09-13
我看了一下課程的文字一樣 來找答案 我看看回答能不能讓我明白把 哈哈
2018-09-06
你把下一課敲一下就明白了 ? 你加上了顏色是給水果和蔬菜前面的li加上的 這兩個li包含了后面的東西 所以字體都變藍了
2018-09-06
food>li 表示的是作為food下的所以li子元素