Дочерние селекторы (Курс Селекторы [8/18]

Курсы §8. Селекторы
1

Имя файла изображения1193×730 373 KB

На примере есть двойное сочетание ul>li (для списка первого уровня и списка второго уровня).
Я прописываю что у ul>li нет нижней рамки и нормальный вес текста.

Но я не понимаю, почему эти правила распространяются только на список второго уровня, если для первого есть те же самые ul>li, где li - это дочерний элемент по отношению к ul.

Вопросы:

  1. Так происходит из-за какого-то дополнительного правила дочерних/наследных элементов или, например, из-за правил каскадности? Если да, то напомните пожалуйста где их подучить?
  2. Можно ли решить задачу другим способом, или это единственный (с условием использования только материала изучения дочерних селекторов)?
2

Ну, вот вариант короче, но принцип от этого не меняется.
.places > li {
border-bottom: 2px solid #ccc;
}

.places > li > span {
font-weight: bold;
}
И вы ошиблись. Здесь правила распространяются только на список первого уровня. Почитайте внимательно теорию именно к этому заданию.

3 лайка
3

Спасибо. Теорию перечитала, все равно остались вопросы, но на другом ресурсе нашла все ответы.
Ваш более короткий вариант тоже помог разобраться ))

Если здесь практикуется закрытие тем, то эту можно закрывать )

4

=) А может опять всё дело в понимании браузера?