CSS復合選擇符可以幫助我們更精確地選擇需要樣式化的元素，下面介紹幾種常用的復合選擇符。

/* ID選擇符 + 類選擇符 */
#header .logo {
font-size: 28px;
color: #333;
}

這種選擇符可以選擇某個具有特定ID的元素內(nèi)部的具有特定類名的元素。例如，上述代碼可以選擇ID為“header”的元素內(nèi)部的類名為“l(fā)ogo”的元素，并對其設置字體大小為28像素、顏色為#333。

/* 相鄰兄弟選擇符 */
h2 + p {
font-weight: bold;
}

這種選擇符可以選擇緊接著某個元素之后的下一個元素。例如，上述代碼可以選擇與h2元素相鄰的下一個p元素，并將其字體加粗。

/* 子代選擇符 */
ul >li {
list-style: none;
}

這種選擇符可以選擇某個元素的直接子元素。例如，上述代碼可以選擇ul元素下的所有l(wèi)i元素，并將其列表樣式設為none。

/* 偽類選擇符 */
a:hover {
text-decoration: underline;
}

這種選擇符可以選擇某個元素在特定狀態(tài)下的樣式，例如，當鼠標懸停在一個鏈接上時，上述代碼可以對鏈接的文字增加下劃線。

通過合理地使用這些復合選擇符，我們可以更加靈活地掌控網(wǎng)頁的樣式，提升用戶體驗。