虛擬類別選擇器(:)


動態虛擬類別:可跟使用者有互動效果。


 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         // 此欄位不能被輸入。

results matching ""

    No results matching ""