CSS選擇器是實現網頁樣式的關鍵之一，它能夠選擇文檔中特定的元素來應用樣式，能夠大大提高開發效率，本文將對CSS選擇器進行總結。

1. 基本選擇器
這些選擇器可選擇文檔中所有的元素，包括：
- 通配符(*)選擇器，選擇文檔中所有元素
- 元素選擇器，根據標簽名選擇元素（如div）
- id選擇器，根據元素的id屬性選擇元素（如#header）
- 類選擇器，根據元素的class屬性選擇元素（如.nav）
2. 屬性選擇器
這些選擇器可根據元素屬性和屬性值進行選擇，包括：
- [attr]選擇器，選擇包含attr屬性的元素
- [attr=value]選擇器，選擇attr屬性值為value的元素
- [attr^=value]選擇器，選擇attr屬性值以value開頭的元素
- [attr$=value]選擇器，選擇attr屬性值以value結尾的元素
- [attr*=value]選擇器，選擇attr屬性值包含value的元素
3. 關系選擇器
這些選擇器可根據元素之間的關系進行選擇，包括：
- 后代選擇器（空格），選擇祖先元素內的后代元素（如ul li）
- 子元素選擇器（>），選擇直接子元素（如ul>li）
- 相鄰兄弟選擇器（+），選擇緊接在一個元素后面的兄弟元素
- 通用兄弟選擇器（~），選擇之后所有的兄弟元素
4. 偽類選擇器
這些選擇器可根據元素的狀態或位置進行選擇，包括：
- :hover，選擇鼠標懸停在元素上的時候
- :active，選擇激活狀態的元素（如被點擊時）
- :visited，選擇已訪問鏈接的元素
- :nth-child(n)，選擇父元素下的第n個子元素
- :first-child，選擇父元素下的第一個子元素
5. 偽元素選擇器
這些選擇器可創建一個虛擬元素來選擇特定的文本，包括：
- ::before，在元素之前插入內容
- ::after，在元素之后插入內容
- ::first-letter，選擇第一個字母
- ::first-line，選擇第一行
在使用CSS時，了解各種選擇器的基本用法和區別，可以讓樣式的定義更加精確和高效。