CSS（Cascading Style Sheets）是網頁設計和排版的重要組成部分，它可以使網頁變得更加美觀、易于閱讀和瀏覽。其中，樹節點樣式是 CSS 常用的樣式之一。

在使用 CSS 樣式實現樹節點時，需要使用選擇器來選擇樹節點。常見的選擇器有 ID 選擇器和 class 選擇器。使用 ID 選擇器，我們可以為每一個樹節點指定一個唯一的 ID，然后在 CSS 中設置對應的樣式。例如：

#tree-node-1 {
color: red;
font-size: 16px;
}

使用 class 選擇器，我們可以為多個樹節點設置相同的樣式。例如：

.tree-node {
color: blue;
font-size: 14px;
}

此外，我們還可以使用偽類選擇器來選擇樹節點的特定狀態。例如，當鼠標懸停在樹節點上時，我們可以設置樹節點的背景色。代碼如下：

.tree-node:hover {
background-color: #f0f0f0;
}

如果需要為樹節點的子節點設置不同樣式，我們可以使用嵌套選擇器。例如，我們可以為每個樹節點設置一個 ul 元素，然后使用子元素選擇器（>）選擇 ul 元素下的所有 li 元素。代碼如下：

.tree-node ul > li {
color: green;
font-size: 12px;
}

最后，我們還可以使用 CSS 偽元素 ::before 和 ::after 來為樹節點添加前綴和后綴。例如，我們可以為每個樹節點添加一個箭頭來表示展開和折疊狀態。代碼如下：

.tree-node::before {
content: "+"; /* 表示展開狀態 */
}
.tree-node.collapsed::before {
content: "-"; /* 表示折疊狀態 */
}

CSS 樹節點樣式的應用非常廣泛，可以用于實現網站導航菜單、文件夾列表、分類目錄等多種功能。通過靈活運用 CSS 樣式，我們可以為網頁賦予更多的創意和美感，提高用戶體驗。