2013/01/07

準類別(Pseudo-classes)

準類別(Pseudo-classes)利用元素的狀態來選取元素,設計不同的風格。準類別的大小寫字母相同。可分為:

  1. 子元素準類別:FIRST-CHILD, LAST-CHILD, NTH-CHILD, NTH-LAST-CHILD,指定的元素為某元素的子元素。
  2. 子型態準類別:FIRST-OF-TYPE, LAST-OF-TYPE, NTH-OF-TYPE, NTH-LAST-OF-TYPE, ONLY-OF-TYPE,指定的元素為某元素的子元素。
  3. 超連結準類別:LINK, VISITED,依超連結元素的狀態分類。
  4. 動態準類別:ACTIVE, FOCUS, HOVER,對於用戶施於互動式元素的不同行動,可以設計不同的展現風格。
  5. 語言準類別:LANG(),依元素的屬性 LANG 所設定的語言,設計不同的風格。

使用 IE 瀏覽器必須宣告 !DOCTYPE,才能使用完整的風格表功能。例如,

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

:ACTIVE

請參考 說明與範例

:AFTER

請參考 說明與範例

:BEFORE

請參考 說明與範例

:CHECKED
:DISABLED
:ENABLED

:EMPTY

請參考 說明與範例

:FIRST-CHILD, :LAST-CHILD, :NTH-CHILD, :NTH-LAST-CHILD

請參考 說明與範例

:FIRST-OF-TYPE, :LAST-OF-TYPE, :NTH-OF-TYPE, :NTH-LAST-OF-TYPE, :ONLY-OF-TYPE

請參考 說明與範例

:FIRST-LETTER

請參考 說明與範例

:FIRST-LINE

請參考 說明與範例

:FOCUS

請參考 說明與範例

:HOVER

請參考 說明與範例

:LANG()

請參考 說明與範例

一個超連結元素未被連結的狀態,會應用此設計的風格。

:NOT()

請參考 說明與範例

:ROOT

請參考 說明與範例

:TARGET

請參考 說明與範例

:VISITED

請參考 說明與範例