e[attr] 選中e元素,且e元素有attr屬性
e[attr="value"] 選中e元素,且e元素有attr屬性,值為value
e[attr~="value"] 選中e元素,且e元素有attr屬性,包含值value
e[attr^="value"] 選中e元素,且元素有attr屬性,以value值開頭
e[attr$="value"] 選中e元素,且有attr屬性,以value值結尾
e[attr*="value"] 選中e元素,且有attr屬性,包含value值
e[attr|="value"] 選中e元素,且有attr屬性,僅有value值,或者以value-開頭
:first-child{} 選中第乙個元素
:last-child() 選中最後乙個元素
:nth-child(n){} n是從0開始的,
2n 偶數列 even
2n-1 奇數列 odd
:only-child{} 選中只有本身乙個同級的元素
:nth-last-child(n){} 倒數第n個元素
所有小孩中的第乙個 first-child{}
注：未分類
男孩中的第乙個 first-of-type{}
注：分類
女孩中的第乙個 first-of-type{}
注：分類
有很多同級元素,但是只有乙個a標籤 :only-of-type{}
沒有其他同級元素,只有乙個a標籤 :only-child{}
屬性選擇器，偽類選擇器，偽元素選擇器
屬性選擇器 1doctype html 2 html lang en 3 head 4 meta charset utf 8 5 title 屬性選擇器 title 6 style 7 屬性匹配 8 label for 12 屬性名匹配 13 label for pwd 17 以什麼結尾匹配 18 ...
屬性選擇器 偽類選擇器 層級選擇器
漸進增強 作用範圍 從小到大 先保證最基本的功能 使用者體驗提公升 優雅降級 作用範圍 從大到小 先針對版本較高的裝置進行專案構建，保證使用者體驗的完美 犧牲一些效果，保證最基本的功能 選擇器 選擇符 id class 型別 div span 後代選擇器 偽類選擇器 偽元素選擇 屬性選擇器 e at...
css選擇器 偽類選擇器 屬性選擇器
偽類選擇器 nth of type index index 同型別兄弟元素中的排名 屬性選擇器 attr val attr 屬件名稱 val 屬性值 屬性選擇器 href val 表標屬性的結尾 屬性選擇器 class tap 表示屬的開頭 first child選擇第乙個 元素 nth of ty...