css選擇器分類

2022-08-14 04:27:13 字數 527 閱讀 8881

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],匹配包含alt屬性的img元素

9、偽類選擇器 如:a:hover{}

10、偽元素選擇器

偽元素和偽類之所以這麼容易混淆,是因為他們的效果類似而且寫法相仿,但實際上css3為了區分兩者,已經明確規定了偽類用乙個冒號來表示,而偽元素則用兩個冒號來表示。

:pseudo-classes

::pseudo-elements

但因為相容性的問題,所以現在大部分還是統一的單冒號,但是拋開相容性的問題,我們在書寫時應該盡可能養成好習慣,區分兩者。

CSS 選擇器分類

二 選擇器分組 三 偽類 懸浮 h1 h1即為標籤名,但是往往標籤不止乙個。bbb 後面對應的是id,因為id在網頁中的唯一性,所以可以找到唯一的標籤,但除非特殊用途不推薦使用。class a class class a class b 類選擇器span 使用最多的選擇器,推薦使用。e att va...

CSS選擇器分類

終於找了乙份相對較全面的css選擇器總結 跳 個人總結了乙份大概概覽 基礎選擇器 元素,類,id 層次選擇器 後代a b 子代a b 相鄰兄弟a b 通用兄弟 a b 偽類選擇器 1 動態偽類 使用者操作的 hover active focus 2 目標偽類 target 3 ui元素偽類 hove...

css 選擇器型別分類

今天回憶特殊性的時候,突然被大片的選擇器名稱搞混了。腦袋不好。還是整理下。首先是簡單的兩種選擇器 1,id選擇器,就是帶 的,只能在頁面裡被引用一次。2,類選擇器,就是帶.的,可以多次應用。3,其次是型別選擇器 也叫簡單選擇器 類似p a h1 div等等元素。4,屬性選擇器 abbr 5,偽類選擇...