CSS層次選擇器是CSS的一種選擇器，可以通過嵌套的方式來選擇元素，并且可以更為精準地控制樣式。

.parent {
background-color: #ccc;
}
.parent .child {
background-color: #aaa;
}

在上面的代碼中，.parent為父元素的類選擇器，.child為子元素的類選擇器。通過在父元素和子元素之間加上空格，就能夠將樣式作用于子元素。

除了空格，還有其他幾種層次選擇器：

• <element> <element>選擇所有嵌套的<element>元素。
• <ele1> > <ele2>選擇所有父元素為<ele1>的直接子元素<ele2>。
• <ele1> + <ele2>選擇所有緊隨在<ele1>元素之后的同級元素<ele2>。
• <ele1> ~ <ele2>選擇<ele1>元素之后的所有同級元素<ele2>。

/* 選擇嵌套的p元素 */
.parent p {
font-size: 16px;
}
/* 選擇直接子元素span */
.parent >span {
font-weight: bold;
}
/* 選擇緊隨在h1元素之后的同級元素p */
h1 + p {
font-style: italic;
}
/* 選擇h2元素之后的所有同級元素p */
h2 ~ p {
text-decoration: underline;
}

使用CSS層次選擇器能夠更為精細地控制樣式，但也需要注意不要過度使用。過多的層次選擇器會影響性能，并且會使CSS代碼變得難以維護。