文档树 - 它是一个家族体系
所有的HTML文档都是一棵树。树上的每一层就像人类家族树那样进行描述，拥有祖先，后代，父母，孩子和同胞兄弟。CSS规则是基于这种文档树的。如果您懂得文档树的概念，那么CSS选择器对您来说是不难掌握的。
让我们以一段HTML代码开始。这份样本没有包括head和title元素，我们只关注包含在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>
上面的文档树的图表为：
相关链接 webstandardsgroup.org