CSS層次是指在HTML文檔中，由于元素之間的嵌套關系，每個元素的位置都在另一個元素的內部，因此需要設置CSS樣式在這些元素之間建立層次關系。下面將介紹如何設置CSS層次，包括選擇器的不同類型和各種選擇器的優(yōu)缺點。

/* 使用標簽選擇器設置CSS層級關系 */
p span {
color: blue;
}
/* 使用類選擇器設置CSS層級關系 */
.article p {
color: red;
}
/* 使用ID選擇器設置CSS層級關系 */
#header p {
font-size: 16px;
}
/* 使用子選擇器設置CSS層級關系 */
.menu>a {
background-color: gray;
}
/* 使用后代選擇器設置CSS層級關系 */
.navigation li:hover ul {
display: block;
}

標簽選擇器是最基本的選擇器，它可以直接選出HTML文檔中的元素，但是它的層級關系只限于相鄰元素之間的關系。類選擇器可以擴展到多個元素，使得可以在HTML文檔中選取多個具有相同樣式的元素。ID選擇器可以使得每個元素都有唯一的ID，從而可以在CSS中指定某個ID對應的屬性。

子選擇器只能從父元素中選取其直接子元素，而后代選擇器可以選取父元素的所有子代元素。這些選擇器的使用需要考慮到HTML文檔結構中的層級關系，以及每個元素在文檔中的作用和位置。通過靈活選擇選擇器和合理使用其特性，可以在CSS中實現(xiàn)多種層級關系，讓網(wǎng)頁變得更加豐富和美觀。