HTML 和 CSS 是制作網頁的重要元素，而樹是 HTML 和 CSS 中常用的元素之一。

在 HTML 中，樹是指由元素（即節點）構成的層次結構。樹的頂層為根節點，每個節點都可以有一個或多個子節點。HTML 中的每個元素都可以視為樹中的一個節點。父節點是指當前節點的直接上級，子節點是指當前節點的直接下級，兄弟節點是指具有相同父節點的節點。

<div>  //父節點 div
<p>  //子節點 p
<span></span>  //孫節點 span
</p>
<ul>  //子節點 ul
<li></li>  //孫節點 li
<li></li>
<li></li>
</ul>
<p></p>  //子節點 p
</div>

CSS 中也有樹結構，它是通過 CSS 選擇器來表示的。當一個元素擁有另一個元素的特定祖先時，就可以使用后代選擇器（即空格符號）來進行選擇。可以將多個選擇器組合到一起，以構建更復雜的選擇器。

/*選擇 div 元素中的所有 p 元素*/
div p {
color: blue;
}
/*選擇 body 元素中的所有直接子 div 元素*/
body > div {
background-color: gray;
}
/*選擇類名為 class1 的元素中，后代元素中類名為 class2 的元素*/
.class1 .class2 {
font-weight: bold;
}

樹是 HTML 和 CSS 中非常重要的概念，理解樹的結構、關系和選擇器可以讓我們更好地編寫網頁。