一、超連結虛擬類別：

• 與頁面渲染後的結構變化與瀏覽器記錄有關的虛擬類別
• a {color:green}　a標籤文字顏色都是綠色
• a:link {color:blue}　a未造訪過的連結文字顏色都是藍色
• a:visited {color:red}　a造訪過的連結標籤文字顏色都是紅色
• 大型網站或無障礙網站容易有區分連結是否造訪過的需求
• 其他使用者操作虛擬類別：:focus / :hover / :active

二、介面狀態虛擬類別：

• 能讓checkbox等使用者介面元素依據目前狀態改變樣式（p85）
• :default 定義預設狀態樣式
• :required 定義必填表單控制向的樣式
• :optiona l定義required屬性或required屬性是false的控制項樣式
• :valid 符合資料驗證的條件樣式
• :ivvalid 不符合資料驗證的條件樣式
• :in-range , 符合設定數值範圍的元素樣式
• :out-of-range 不符合設定數值範圍的元素樣式
• :read-write 可變性的元素樣式
• :read-only 不可變性的元素樣式
• :target URL識別碼的樣式
• lang虛擬類別，依語言選取元素
• 否定虛擬類別，:not( )

三、啟用與停用使用者介面元素

• 可以透過DOM腳本或在元素標記上加入disabled屬性停用元素。
• 可以透過:enabled與:disabled虛擬類別分別設定啟用與停用狀態的樣式。
• :checked可以設置選取狀態的樣式
• :indeterminate定義未定狀態的樣式（純視覺效果）