終於找了乙份相對較全面的css選擇器總結:跳:
個人總結了乙份大概概覽
基礎選擇器:
*,元素,類,id
層次選擇器:
後代a b / 子代a>b / 相鄰兄弟a+b / 通用兄弟 a~b
偽類選擇器:
1)動態偽類
使用者操作的:hover/:active/:focus
2)目標偽類:target
3)ui元素偽類:hover/active/focus
enabled/disabled
read-only/read-write
checked/selection
4)結構偽類: root/empty
nth選擇器:first-child last-child
nth-child(n) nth-last-child(n)
only-child only-of-type
5)否定偽類:not() input:not([type=input])
6)偽元素:first-line ,first-letter, before, after
屬性選擇器:
e[attr] / e[attr=value]
e[attr^=value] e[attr$=value] e[attr*=value]
CSS 選擇器分類
二 選擇器分組 三 偽類 懸浮 h1 h1即為標籤名,但是往往標籤不止乙個。bbb 後面對應的是id,因為id在網頁中的唯一性,所以可以找到唯一的標籤,但除非特殊用途不推薦使用。class a class class a class b 類選擇器span 使用最多的選擇器,推薦使用。e att va...
css選擇器分類
css選擇器大致可以分為10大類 1 元素選擇器 如 p 2 類選擇器 如 xx 3 id選擇器 如 xx 4 關聯選擇器 如 p a 5 子元素選擇器 如 p a 6 相鄰兄弟選擇器 如 p a 匹配的是緊鄰p元素後面的a元素 7 組合選擇器 如 p,a 8 元素選擇器 如 img alt 匹配包...
css 選擇器型別分類
今天回憶特殊性的時候,突然被大片的選擇器名稱搞混了。腦袋不好。還是整理下。首先是簡單的兩種選擇器 1,id選擇器,就是帶 的,只能在頁面裡被引用一次。2,類選擇器,就是帶.的,可以多次應用。3,其次是型別選擇器 也叫簡單選擇器 類似p a h1 div等等元素。4,屬性選擇器 abbr 5,偽類選擇...