在CSS中，高級選擇器是很實用的。它們能夠讓我們更加精確地選擇和控制元素。下面是一個高級選擇器的案例。

/* 選擇所有type為button的input元素 */
input[type="button"] {
background-color: #4CAF50;
color: white;
font-size: 16px;
}
/* 選擇第一個p元素的第一個子元素 */
p:first-child:first-letter {
font-size: 24px;
color: red;
}
/* 選擇input元素且已經(jīng)被選中 */
input:checked {
background-color: #4CAF50;
color: white;
}
/* 選擇ul元素下所有l(wèi)i元素的第一個子元素 */
ul li:first-child {
color: blue;
}
/* 選擇所有class為myClass的元素中的第4個 */
.myClass:nth-of-type(4) {
background-color: yellow;
}

這些選擇器都是通過屬性、偽類和偽元素來實現(xiàn)的。在上面的案例中，我們可以看到高級選擇器可以被用來選定文檔樹的不同方面。這讓設計者能夠更好地控制網(wǎng)頁樣式。