CSS選擇器分類

2022-08-30 03:42:08 字數 853 閱讀 6729

終於找了乙份相對較全面的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,偽類選擇...