我有一个无序列表,像这样:
<div class="list">
<ul>
<li>
list1
<ul>
<li>Sub list1</li>
<li>Sub list2</li>
<li>Sub list3</li>
</ul>
</li>
<li>
list2
<ul>
<li>Sub list1</li>
<li>Sub list2</li>
<li>Sub list3</li>
</ul>
</li>
</ul>
</div>
我现在希望只对第一个列表应用CSS,而不是它的子元素 ul
和 li
。我尝试了以下方法:
.list ul li{
background:#ccc;
}
...但是背景颜色将应用于所有列表。应该如何改变只有父元素而不是子元素的CSS。
.list > ul > li
->
选择器仅选择它前面的元素的直接子元素。 - CBroe