同時,因為 zTree 的 css 都有 .ztree 做約束,所以一般情況下 zTree 的樣式是不會引起頁面上其他內容樣式異常的。 了解 css 之前先看看 zTree 的 DOM 結構吧: zTree 的結構就是 ul 里面包著 li ,li 里面 再包著 ul ......每一個節點都以一個 li 為主,它的子節點的 DOM 都存在于這個 li 里面的 ul 內 每個節點 li 的 id 就是這個節點的 tId 值 父節點的 +/- 號就是 li 內的第一個 span, id 是 tId + _switch 節點的名稱是 a 標簽,id 是 tId + _a 節點的圖標在 a 標簽內,id 是 tId + _ico 節點的名稱文字在 a標簽內,id 是 tId + _span 子節點容器 是 ul,id 是 tId + _ul 節點的 li、a、ul 都帶有 level 的 class,這樣你可以專門針對不同等級 level 設置自定義的樣式 下面開始解析css 吧: