Дерево документа - введение
Оригинал: The document tree - it's a family thing
Каждый html документ - это дерево. Это дерево описано в таком же порядке, как и дерево
человеческой семьи: предок, потомок, родитель, брат, сестра.
Если научится понимать дерево html документа, то не составит большоего труда понять и дерево css селекторов.
Начнем с выборки html, в данном случае нас волнует только та часть, которая находится
внутри контейнера <body>
<body>
<div id="content">
<h1>Heading here</h1>
<p>Lorem ipsum dolor sit amet.</p>
<p>Lorem ipsum dolor <em>sit</em> amet.</p>
<hr>
</div>
<div id="nav">
<ul>
<li>item 1</li>
<li>item 2</li>
<li>item 3</li>
</ul>
</div>
</body>
Показанный выше html документ можно представить в виде диаграммы:
Добавить комментарий
