偽類選擇器有哪些

偽類選擇器有:hover、:active、:focus、:visited、:link、:first-child、:last-child、:nth-child(n)、:nth-last-child (n)、:nth-of-type(n)、:nth-last-of-type(n)、:not(selector)、:empty、:checked和:disabled等等。

本教學作業系統：windows10系統、DELL G3電腦。

偽類選擇器是CSS中強大的選擇器，用於選擇元素的特定狀態或條件。偽類選擇器以冒號（:）開頭，用於選擇不同的元素狀態，如滑鼠懸停、訪問過的連結、元素的位置等。以下是CSS中常見的偽類別選擇器：

1. :hover：選擇滑鼠懸停在元素上的狀態。當滑鼠指標停留在元素上時，可以為元素套用特定的樣式。

2. :active：選擇元素被啟動或按下的狀態。當使用者點擊或按下滑鼠按鈕時，可以為元素套用特定的樣式。

3. :focus：選擇目前取得焦點的元素。當元素被選取或取得焦點時，可以為元素套用特定的樣式。

4. :visited：選擇已造訪過的連結。當使用者造訪過連結後，可以為連結套用特定的樣式。

5. :link：選擇未造訪過的連結。與:visited偽類相對應，用於選擇未被訪問過的連結。

6. :first-child：選擇元素的第一個子元素。當元素是其父元素的第一個子元素時，可以為元素套用特定的樣式。

7. :last-child：選擇元素的最後一個子元素。當元素是其父元素的最後一個子元素時，可以為元素套用特定的樣式。

8. :nth-child(n)：選擇元素的第n個子元素。當元素是其父元素的第n個子元素時，可以為元素套用特定的樣式。其中n可以是一個具體的數字，也可以是關鍵字（如even、odd）或表達式（如2n、3n 1）。

9. :nth-last-child(n)：選擇元素的倒數第n個子元素。當元素是其父元素的倒數第n個子元素時，可以為元素套用特定的樣式。

10. :nth-of-type(n)：選擇元素的同類型元素中的第n個元素。當元素是其同類型元素中的第n個元素時，可以為元素套用特定的樣式。

11. :nth-last-of-type(n)：選擇元素的同類型元素中的倒數第n個元素。當元素是其同類型元素中的倒數第n個元素時，可以為元素套用特定的樣式。

12. :not(selector)：選擇不符合特定選擇器的元素。可以使用該偽類選擇器排除特定的元素，而選擇其他元素套用樣式。

13. :empty：選擇沒有子元素的元素。當元素沒有任何子元素時，可以為元素套用特定的樣式。

14. :checked：選擇被選取的表單元素。適用於複選框、單選按鈕和下拉清單等表單元素。

15. :disabled：選擇已停用的表單元素。當表單元素被停用時，可以為元素套用特定的樣式。

以上是CSS中常見的偽類選擇器，它們可以根據元素的狀態或條件來選擇和樣式化網頁中的元素。透過合理地使用這些偽類選擇器，我們可以實現豐富多樣的效果，提升使用者體驗和頁面的可讀性。

以上是偽類選擇器有哪些的詳細內容。更多資訊請關注PHP中文網其他相關文章！