CSS 選擇器是前端開發中非常重要的一部分，也是面試官經常提問的一個話題。下面就是一些常見的 CSS 選擇器面試題，希望能幫助大家更好地準備面試。

第一題：請問下面兩種選擇器的作用分別是什么？

div.main {
...
}
div .main {
...
}

答案：第一種選擇器是一個類選擇器，表示選取 class 為 main 的 div 元素；第二種選擇器是一個后代選擇器，表示選取 div 元素下的所有 class 為 main 的元素。

第二題：下面這段 CSS 代碼的作用是什么？

ul >li + li {
border-top: 1px solid #ccc;
}

答案：這是一個相鄰兄弟選擇器，表示選取緊接在第一個 li 元素后面的 li 元素，給它們添加一個上邊框。

第三題：請問如何選取一個表單中所有的禁用狀態的輸入框？

input[disabled] {
...
}

答案：使用屬性選擇器，選取所有具有 disabled 屬性的 input 元素。

第四題：請寫出一個 hover 偽類選擇器的必要樣式。

a:hover {
...
}

答案：這是一個鼠標懸停時生效的選擇器，可以用來改變鏈接的顏色、字體等樣式。

總結：以上這些問題只是 CSS 選擇器的冰山一角，實際工作中還會遇到各種復雜的選擇器，因此在面試中考察 CSS 選擇器不僅僅是考察知識點，更是考察候選人的實際工作能力。