CSS選擇器彙總(清爽版) 1、元素選擇器 標簽名{ } 2、id選擇器 #id屬性值{ } 3、類選擇器 ·class屬性值{ } 4、選擇器分組(並集選擇器) 作用:通過它可以同時選中多個選擇器對應的元素(通常用於集體聲明) 語法:選擇器1,選擇器2,選擇器n{ } 5、複合選擇器(交集選擇器) ...
CSS選擇器彙總(清爽版)
1、元素選擇器 標簽名{ }
2、id選擇器 #id屬性值{ }
3、類選擇器 ·class屬性值{ }
4、選擇器分組(並集選擇器)
作用:通過它可以同時選中多個選擇器對應的元素(通常用於集體聲明)
語法:選擇器1,選擇器2,選擇器n{ }
5、複合選擇器(交集選擇器)
作用:選擇更準確更精細的目標元素併為其設置屬性
語法:選擇器1選擇器2選擇器n{ }
<!--註意選擇器之間不能有空格,要緊挨在一起-->
6、通配選擇器
作用:用來選中頁面中所有的元素
語法:*{ }
7、後代元素選擇器
作用:選中指定元素的指定後代元素
語法:祖先元素 後代元素{ }
8、子元素選擇器
作用:選中指定父元素的子元素
語法:父元素>子元素
9、偽類選擇器
偽類表示元素的一種特殊狀態
:hover 移入時元素的狀態
:visited 已被訪問過後的元素的狀態
:active 被點擊時元素的狀態
10、 屬性選擇器
作用:根據元素中的屬性或屬性值來選取指定元素
語法:[屬性名]選取含有指定屬性的元素
[屬性名=“屬性值”]選取含指定屬性值的元素
[屬性名^="屬性值"] 選取屬性值以指定內容開頭的元素
[屬性名$="屬性值"] 選取屬性值以指定內容結尾的元素
[屬性名*="屬性值"] 選取屬性值包含指定內容的元素
11、兄弟元素選擇器
+選擇器
作用:選中一個元素後緊挨著的指定的兄弟元素
語法:前一個+後一個(作用在後一個)
~選擇器
作用:選中後邊所有的制定兄弟元素
語法:前一個~後邊所有