css選擇器

基本選擇器

通用選擇器：* 選擇到全部的元素

選擇子元素：> 選擇到元素的直接後代

相鄰兄弟選擇器：+ 選擇到緊隨目標元素後的第一個元素

普通兄弟選擇器：~ 選擇到緊隨其後的全部兄弟元素

:nth-child 選擇指定索引處的子元素

nth-child(n) 父元素下的第n個子元素

nth-child(odd)奇數子元素

nth-child(even)偶數子元素

:nth-last-child(n) 倒數第n個子元素

:nth-of-type(n) 父元素下的第n個指定類型的子元素

:nth-last-of-type父元素下的倒數第n個指定類型的子元素

:first-child 選擇父元素下的第一個子元素

:last-child 選擇父元素下的最後一個子元素

:only-child 選擇父元素下惟一的子元素

:only-of-type選擇父元素下指定類型的惟一子元素

:root 選擇文檔的根目錄，返回html

屬性選擇器

E[attr] 屬性名，不肯定具體屬性值

E[attr="value"] 指定屬性名，並指定其對應屬性值

E[attr ~="value"] 指定屬性名，其具備多個屬性值空格隔開，幷包含value值

E[attr ^= "value"] 指定屬性名，屬性值以value開頭

E[attr $="value"] 指定屬性名，屬性值以value結束

E[attr *="value"] 指定了屬性名，屬性值中包含了value

E[attr |= "value"] 指定屬性名，屬性值以value-開頭

僞類與微元素

UI僞類選擇器

:enabled 選擇啓用狀態元素
     :disabled 選擇禁用狀態元素
     :checked 選擇被選中的input元素（單選按鈕或複選框）
     :default 選擇默認元素
     :valid、invalid 根據輸入驗證選擇有效或無效的input元素
     :in-range、out-of-range 選擇指定範圍以內或者以外受限的元素
     :repuired、optional 根據是否容許:required屬性選擇input元素
複製代碼

動態僞類選擇器

:link 選擇連接元素

:visited 選擇用戶以訪問的元素

:hover 鼠標懸停其上的元素

:ative 鼠標點擊時觸發的事件

:focus 當前獲取焦點的元素

:not(<選擇器>) 對括號內選擇器的選擇取反

:lang(<目標語言>) 基於lang全局屬性的元素

:target url片斷標識符指向的元素

:empty選擇內容爲空的元素

:selection 鼠標光標選擇元素內容

僞元素

::after（在元素以後添加，通常用於清除浮動）

::before（在元素之錢添加）

::firstLetter（首字母）

::firstLine（第一行）

::selection（文本選中的時候顏色和背景）

聲明的優先級

01，id選擇器：0，1，0，0

02，類選擇器，屬性選擇器，僞類：0，0，1，0

03，標籤選擇器，僞元素選擇器：0，0，0，1

04，通配符：0，0，0，0

05，結合符【’.’,’~’,’+’,’>’…】沒有特殊性

06，內聯聲明：1，0，0，0

07，繼承沒有特殊性