<nav class="main_nav">
<ul>
<li>1</li>
<li>1</li>
<li>1
<ul>
<li>2</li>
<li>2</li>
<li>2</li>
</ul>
</li>
<li>1</li>
</ul>
</nav>
Мне надо выбрать элементы 1. Пробую
nav.main_nav > ul > li {
color:bisque;
}
Но выделяются все элементы.
Не понимаю в чем ошибка.
div>span
Выбирает все дочерние элементы <span>
, у которых родитель - элемент <div>
.
Сперва выбираю единственный элемент ul
в nav
. Потом выбираю элементы li
, у которых родитель предыдущий ul
. В чем моя ошибка? И как это исправить?
ul
входит вli
. Аli
окрашивается весь. Поэтому и внутренний контент окрашивается