虛擬類別選擇器(:)
動態虛擬類別:可跟使用者有互動效果。
a:link // 表示有超連結
)常一起設 css
a:visited // 表示有造訪過
a:hover // 表示游標移在上方
)常一起設 css
a:active // 表示按下瞬間
a:focus // 選取時的聚焦顯示
:target // 選取當前活動的目標元素(URL 帶著有#)
結構性虛擬類別:用來選擇特定元素。
:firsh-child // 父元素的第一個子元素
:last-child // 父元素的最後一個子元素, 如果只有一個也會選中
:firsh-of-type // 父元素特定類型的第一個子元素
:last-of-type // 父元素特定類型的最後一個子元素
:nth-of-type(n) // 父元素特定類型第 N 個子元素的每個子元素
)n 可以是 odd, even, 數字, 算數(2n+1..)
:nth-child(n) // 父元素的第 N 個子元素
:only-child // 父元素的唯一元素
否定虛擬類別
:not( ) // 可選取跟你傳入參數相反的元素。
使用者介面元素狀態擬類別
:disable // 此欄位不能被輸入。