選取器與結合器
本節包含可供階層式樣式表使用的選取器清單。
選取器
類別選取器:符合所指定元素的類別屬性。
相等屬性選取器:完全符合指定的屬性值。
存在屬性選取器:符合任何值的屬性。
連字號屬性選取器:符合完全相等的屬性值,或選擇性地後面接著連字號的屬性值。
識別碼選取器:符合所指定元素的類別屬性。
前置字元屬性選取器:符合屬性值的指定前置字元。
子字串屬性選取器:符合屬性值的指定子字串。
字尾屬性選取器:符合屬性值的指定字尾。
類型選取器:符合所指定類型的任何元素。
通用選取器:符合任何元素類型。
空白屬性選取器:完全符合空格分隔值清單中的指定屬性值。
虛擬類別
:active:設定連結已啟用或啟動時的 A 元素樣式。
::after:定義顯示在元素後面的產生的內容。
::before:定義顯示在元素前面的產生的內容。
:checked:套用一或多個樣式至選取的表單控制項元素。
:disabled:套用一或多個樣式至已停用的表單控制項元素。
:empty:套用一或多個樣式至沒有子元素 (包括文字節點) 的元素。
:first-child:套用一或多個樣式至作為其父元素第一個子項的任何元素。
:first-of-type:套用一或多個樣式至本身為其所屬類型中第一個同層級元素的元素。
:focus:設定元素取得焦點時的樣式。
:hover:設定使用者將指標放在元素上時的元素樣式。
:indeterminate:套用一或多個樣式至無法判斷其切換狀態的選項按鈕和核取方塊。
:lang:在文件中,選取使用指定之語言的元素。
:last-child:套用一或多個樣式至作為其父元素最後一個子元素的元素。
:link:設定當最近不曾瀏覽過連結時 A 元素的樣式。
:not:套用一或多個樣式至與簡單選取器不符的元素。
:nth-child:套用一或多個樣式至作為其父元素第 n 個子項的元素。
:nth-last-child:套用一或多個樣式至作為其父元素倒數第 n 個子項的元素。
:nth-last-of-type:套用一或多個樣式至本身為其所屬類型中倒數第 n 個同層級項目的元素。
:nth-of-type:套用一或多個樣式至本身為其所屬類型中第 n 個同層級項目的元素。
:only-child:套用一或多個樣式至本身為其所屬類型中最後一個同層級元素的元素。
:only-of-type:套用一或多個樣式至本身為其所屬類型中唯一一個同層級元素的元素。
:root:套用一或多個樣式至作為文件之根元素的元素。
:target:套用一或多個樣式至參照統一資源識別元 (URI) 的目標元素。
:visited:設定當最近曾瀏覽過連結時 A 元素的樣式。
虛擬元素
::after:定義顯示在元素後面的產生的內容。
::before:定義顯示在元素前面的產生的內容。
:first-letter Pseudo-element:套用一或多個樣式至物件的第一個字母。
:first-line Pseudo-element:套用一或多個樣式至物件的第一行。
::selection:套用一或多個樣式至使用者在網頁上反白顯示的任何文字。
結合器
相鄰同層級項目:指定選取器元素之間的相鄰同層級關係。
子項:指定選取器元素之間的直接下階關係。
下階:指定上階選取器元素與下階元素 (下層、下下層、更下層等) 之間的關係。
一般同層級項目:指定選取器元素之間的一般同層級關係。