Здравствуйте. Подскажите почему в задании 2 эпичного курса мы вписали класс в тег ul.
ul class="main-nav">
li>Магазин</li>
li>Каталог</li>
li>Отзывы</li>
/ul>
Но в задании 3 надо вписать класс в каждый элемент списка. Почему так?
ul>
<li class="feature-item">
<h2>Выбор</h2>
<p>Ваш питомец оценит широту нашего ассортимента аксессуаров.</p>
</li>
<li class="feature-item">
<h2>Качество</h2>
<p>Наши товары не сломаются на второй день. Только на третий.</p>
</li>
<li class="feature-item">
<h2>Безопасность</h2>
<p>Все изготовлено из натуральных материалов, безопасных для котов.</p>
</li>
/ul>
когда мы задаем класс, мы можем потом этот элемент по классу выбрать и стилизовать (задать бэкграунд, цвет, отступы и т.п.) Какие-то свойства наследуются и переходят к нашему элементу от родителя, а какие-то необходимо обязательно прописать именно у того элемента, который стилизуем.
Если класс указан у ul, то и стили мы будем задавать именно списку (вместо тех стилей, которые были заданы по умолчанию) + применятся наследуемые стили у потомков.
Когда мы задаем класс для li, то стили будут применяться именно к элементам списка (а те стили, которые были у ul по умолчанию (например, отступы) такими и останутся)
Классы задают с целью дальнейшей стилизации. Вы же представляете разницу между задать внутренние отступы самому списку ul либо же только его отдельным элементам li?