選取器與結合器

本節包含可供階層式樣式表使用的選取器清單。

選取器

虛擬類別

  • :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 元素的樣式。

虛擬元素

結合器

  • 相鄰同層級項目:指定選取器元素之間的相鄰同層級關係。

  • 子項:指定選取器元素之間的直接下階關係。

  • 下階:指定上階選取器元素與下階元素 (下層、下下層、更下層等) 之間的關係。

  • 一般同層級項目:指定選取器元素之間的一般同層級關係。

另請參閱

概念

階層式樣式表參照
瞭解選取器
屬性 (依類別)