CSS DOM層級是指網(wǎng)頁中各個元素在代碼層級和渲染層級上的位置。

CSS的樣式是通過選擇器選中元素來實現(xiàn)的，而選擇器的選擇范圍是由DOM層級所決定的。例如下面的HTML代碼：

<div class="box">
<p>這是一個段落</p>
</div>

如果我們想給這個段落設(shè)置樣式，可以使用如下CSS代碼：

.box p {
color: red;
}

這里的選擇器“.box p”就說明了我們要選擇的是class為“box”的元素內(nèi)部的p標(biāo)簽。也就是說，DOM層級上p標(biāo)簽是在div元素內(nèi)部的。

如果我們將HTML代碼修改一下：

<div class="box">
</div>
<p>這是一個段落</p>

那么，CSS代碼也需要做相應(yīng)的修改：

.box + p {
color: red;
}

這里的選擇器“.box + p”就說明了我們要選擇的是緊接在class為“box”的元素后面的p標(biāo)簽。也就是說，DOM層級上p標(biāo)簽是在div元素的下方。

因此，在編寫CSS樣式時，要充分考慮DOM層級的問題，選擇合適的選擇器來選中目標(biāo)元素，從而達到所需的效果。