我还是理解不了这个第一代选择器
.food>li{
border:1px solid red;
}
是水果和蔬菜两个li加了边框，那为什么我在里面加上一条color:blue的话，ul li里面的香蕉白菜等字体颜色都会变成蓝色？
慕仙6215699
2018-09-06
4 回答
.food>li{
border:1px solid red;
} --这个就是选择第一代子元素，但是因为第一代子元素里面还有第二代或者第三代元素，由于继承的原因，他们会继承第一代元素的样式，但是我们可以自己给第二代子元素添加样式，比如
.food > li{
border: 1px solid red;
background: blue;
}
.food li ul li{
background: green;
}
---你会发现22222222的背景是绿色的，11111111是蓝色的
<ul class="food">
<li>
<ul>
<li>222222222</li>
</ul>
</li>
<li>
111111111
</li>
</ul>
9999999999999999999999999
举报
0/150
提交
取消
