Селекторы комбинаторы CSS

<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. В чем моя ошибка? И как это исправить?


Ответы (1 шт):

Автор решения: Pavel Grishaev

Цвет - это наследуемое свойство. Установив цвет в нужные вам li, он наследуется во всё их содержимое. Вы можете отменить этот цвет у внутренних ul, задав им изначальный или другой цвет явно.

→ Ссылка