準類別(Pseudo-classes)利用元素的狀態來選取元素,設計不同的風格。準類別的大小寫字母相同。可分為:
- 子元素準類別: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,指定的元素為某元素的子元素。
- 超連結準類別:LINK, VISITED,依超連結元素的狀態分類。
- 動態準類別:ACTIVE, FOCUS, HOVER,對於用戶施於互動式元素的不同行動,可以設計不同的展現風格。
- 語言準類別: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()
請參考 說明與範例。
:LINK
一個超連結元素未被連結的狀態,會應用此設計的風格。
:NOT()
請參考 說明與範例。
:ROOT
請參考 說明與範例。
:TARGET
請參考 說明與範例。
:VISITED
請參考 說明與範例。