Предположим, что список ссылок в НТМL-коде, приведеином выше, появляется
Дважды на странице: в начале и в конце истории. Вы добавляете к нему класс
Следующим образом: .
<div class="storyNav">
<h2>The CosmoFarmer Revolution</h2>
<ul>
<li><a href="pagel.html">Page 1</a></li>
<li><a href="page2.html">Page 2</a></li>
<li><a href="pageЗ.html">Page 3</a></li>
</ul>
</div>
СОВЕТ----------------------------------------------------Вам
не всегда нужно добавлять тег <div>, чтобы разработать стиль группы элементов. Если бы
код, приведенный выше, содержал тольконеупорядоченный список ссылок и не включал тег <h2>,
то вы могли бы легко пропустить тег <div> и просто добавить класс к неупорядоченному списку:
<ul class = "storyNav">.
Как только вы идентифицируете каждый тег <di v> на странице, будет очень
Легко использовать селектор потомков, нацеленный на элементы внутри конкретного
тега <di v>. Скажем, вы хотите создать уникальный вид для каждой ссылки
в приведеином коде. Вы создаете селектор потомков следующим образом:
.storyNav а {
color: red:
background-color: #ссс:
Теперь ссылки будут выделены красным цветом на светло-сером фоне, но только
Когда они находятся внутри другого тега, к которому применяется класс storyNav.
Если вы хотите добавить другую ссылку (например, на страницу page4. html) к этому
