Раздепяйте свои страницы
Одним из самых больших nомощников в эффективном исnользовании селекторов
потомков является тег <di v>. Поскольку этот тег nозволяет создавать на странице
Логические разделы , вы можете применять его для идентификации различных
Элементов разметки, таких как баннер, боковое меню, колонка текста и т. д. Как мы
обсуждали во врезке «Бриллиант без огранки~ в разд. «Селекторы классов~ гл. 3,
Можно организовать содержимое страницы в блоки, задавая для каждого НТМLтег
<di v>.
Сгруппируйте заголовок текста и список ссылок для навигации по страницам:
<div>
<h2>The CosmoFarmer Revolution</h2>
<ul>
<li><a href="pagel.html">Page 1</a></li>
<li><a href="page2.html">Page 2</a></li>
<1 i><a href="pageЗ. html ">Page 3</a></l i>
</ul>
</div>
После добавления <di v> идентифицируйте его для CSS либо с атрибутом с l ass
(<div class = "pullQuote">), либо с атрибутом id (<div id = "banner">). Если вы
Глава 15. Совершенствуем навыки в CSS
Хотите вставить один и тот же тип элемента разметки несколько раз на странице
(например, несколько врезок в отдельной истории), используйте класс. Для областей,
Которые появляются только однажды на странице, например для баннера, лучше
