僞類和僞元素參考列表

僞類

選擇器	描述
:active	用戶激活（例如單擊）元素時匹配。
:any-link	匹配連接的狀態:link和:visited狀態。
:blank	匹配輸入值爲空的[<input>元素]。
:checked	匹配處於選定狀態的單選按鈕或複選框。
:current	匹配當前顯示的元素或元素的祖先。
:default	匹配一組類似元素中的默認UI元素。
:dir	根據其方向性（HTML屬性或CSS屬性的值）選擇元素。
:disabled	匹配處於禁用狀態的用戶界面元素。
:empty	匹配除了可選的空格以外沒有子元素的元素。
:enabled	匹配處於啓用狀態的用戶界面元素。
:first	在Paged Media中，匹配第一頁。
:first-child	匹配其兄弟姐妹中的第一個元素。
:first-of-type	匹配其兄弟姐妹中屬於某種類型的元素。
:focus	元素具備焦點時匹配。
:focus-visible	當元素具備焦點而且焦點應該對用戶可見時匹配。
:focus-within	匹配具備焦點的元素以及具備焦點的後代的元素。
:future	匹配當前元素以後的元素。
:hover	當用戶將鼠標懸停在元素上時匹配。
:indeterminate	匹配其值處於不肯定狀態的UI元素，一般是複選框。
:in-range	當值在範圍內時，匹配具備範圍的元素。
:invalid	匹配<input>處於無效狀態的元素，例如an 。
:lang	匹配基於語言的元素（HTML lang屬性的值）。
:last-child	匹配其兄弟姐妹中最後一個元素。
:last-of-type	匹配其兄弟姐妹中最後一種元素。
:left	在Paged Media中，匹配左側頁面。
:link	匹配未訪問的連接。
:local-link	匹配指向與當前文檔位於同一站點中的頁面的連接。
:is()	匹配傳入的選擇器列表中的任何選擇器。
:not	匹配與做爲值傳遞給此選擇器的選擇器不匹配的內容。
:nth-child	匹配兄弟姐妹列表中的元素 - 兄弟姐妹與形式爲+ b的公式匹配 （例如2n + 1將匹配元素1,3,5,7等等全部奇數的。）
:nth-of-type	匹配特定類型的兄弟姐妹列表中的<p>元素 （例如元素） - 兄弟姐妹經過形式爲+ b的公式匹配 （例如2n + 1將匹配該類型的元素，數字1,3,5， 7等全部奇數。）
:nth-last-child	匹配兄弟姐妹列表中的元素，從末尾向後計數。兄弟姐妹用一個形式爲+ b的公式匹配 （例如2n + 1將匹配序列中的最後一個元素，而後是以前的兩個元素， 等等。全部奇數，從末尾開始計算。）
:nth-last-of-type	匹配來自特定類型（例如<p>元素）的兄弟列表中的元素，從末尾向後計數。 兄弟姐妹用a + b形式的公式匹配（例如2n + 1將匹配序列中該類型的最後一個元素， 而後是以前的兩個元素，等等。全部奇數，計數從最後。）
:only-child	匹配沒有兄弟姐妹的元素。
:only-of-type	匹配一個元素，它是兄弟姐妹中惟一的一個元素。
:optional	匹配表單不須要的元素。
:out-of-range	當值超出範圍時，匹配具備範圍的元素。
:past	匹配當前元素以前的元素。
:placeholder-shown	匹配顯示佔位符文本的輸入元素。
:playing	匹配表示當該元素「正在播放」時可以「播放」或「暫停」的音頻，視頻或相似資源的元素。
:paused	匹配表示當該元素「暫停」時可以「播放」或「暫停」的音頻，視頻或相似資源的元素。
:read-only	若是元素不是用戶可更改的，則匹配元素。
:read-write	若是元素是用戶可更改的，則匹配元素。
:required	匹配表單所需的元素。
:right	在Paged Media中，匹配右側頁面。
:root	匹配做爲文檔根目錄的元素。
:scope	匹配做爲範圍元素的任何元素。
:valid	匹配<input>處於有效狀態的元素（如元素）。
:target	若是元素是當前URL的目標（即，若是它具備與當前URL片斷匹配的ID ），則匹配該元素。
:visited	匹配訪問過的連接。

僞元素

選擇器	描述
::after	匹配在原始元素的實際內容以後出現的可設置樣式元素。
::before	匹配在原始元素的實際內容以前出現的可設置樣式元素。
::first-letter	匹配元素的第一個字母。
::first-line	匹配包含元素的第一行。
::grammar-error	匹配包含語法錯誤的文檔的一部分，如瀏覽器標記的那樣。
::selection	匹配已選擇的文檔部分。
::spelling-error	匹配包含由瀏覽器標記的拼寫錯誤的文檔的一部分。