У меня есть неупорядоченный список:
<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 только родителя, но не детей.