CSS偽類和偽元素是CSS選擇器中非常重要的一部分。它們允許您定義CSS規則以指定一些不同的狀態或樣式。下面將介紹CSS中所有的偽類和偽元素。

:active

:active偽類用于定義鼠標點擊元素時的樣式。可以使用它來給按鈕、鏈接等元素添加點擊效果。

:focus

:focus偽類用于定義獲取焦點時的樣式。可以使用它來定義輸入框、文本域等需要用戶輸入的元素的樣式。

:hover

:hover偽類用于定義鼠標懸停時的樣式。可以使用它來給按鈕、鏈接等元素添加懸停效果。

:link

:link偽類用于定義未訪問鏈接的樣式。

:visited

:visited偽類用于定義訪問過的鏈接的樣式。請注意，出于隱私原因，只允許更改諸如顏色之類的屬性，而不允許更改布局等屬性。

:first-child

:first-child偽類用于匹配元素中的第一個子元素。可以使用它來給列表的第一個元素添加樣式。

:last-child

:last-child偽類用于匹配元素中的最后一個子元素。可以使用它來給列表的最后一個元素添加樣式。

:nth-child

:nth-child偽類允許您根據子元素的索引來選擇元素。例如，您可以使用:nth-child(2n+1)選擇所有奇數行，或者使用:nth-child(3n)選擇所有索引為3的倍數的元素。

:nth-last-child

:nth-last-child偽類與:nth-child相似，但它從元素的末尾開始計數子元素。

:first-of-type

:first-of-type偽類用于匹配元素中的第一個指定類型的子元素。可以使用它來給段落、表格等元素的第一個子元素添加樣式。

:last-of-type

:last-of-type偽類用于匹配元素中的最后一個指定類型的子元素。可以使用它來給段落、表格等元素的最后一個子元素添加樣式。

:nth-of-type

:nth-of-type偽類與:nth-child類似，但它只選擇與指定類型匹配的子元素。例如，您可以使用:nth-of-type(2n+1)選擇所有奇數行中的段落元素。

:nth-last-of-type

:nth-last-of-type偽類與:nth-of-type相似，但它從元素的末尾開始計數子元素。

:only-child

:only-child偽類用于匹配元素中僅有的一個子元素。可以使用它來給只有一個子元素的元素添加樣式。

:only-of-type

:only-of-type偽類用于匹配元素中僅有的一個指定類型的子元素。可以使用它來給只有一個段落、表格等元素的元素添加樣式。

::before

::before偽元素用于在元素的內容前插入內容。

::after

::after偽元素用于在元素的內容后插入內容。

::first-letter

::first-letter偽元素用于選擇元素中的第一個字母，并可用于為此字母定義樣式。可以對段落、標題等元素的首字母應用樣式。

::first-line

::first-line偽元素用于選擇元素中的第一行，并可用于為此行定義樣式。可以對段落、標題等元素的第一行應用樣式。

這是CSS中所有的偽類和偽元素。學會使用它們，可以使CSS樣式更加靈活和可定制。