css選擇器的種類有：1、元素選擇器；2、id選擇器；3、類選擇器；4、分組選擇器（并集選擇器）；5、復(fù)合選擇器（交集選擇器）；6、通配選擇器；7、后代元素選擇器；8、子元素選擇；9、偽類選擇器；10、屬性選擇器；11、兄弟元素選擇器。

本教程操作環(huán)境：windows7系統(tǒng)、CSS3版、Dell G3電腦。

CSS選擇器有哪幾種

1、元素選擇器 標(biāo)簽名{ }

2、id選擇器 #id屬性值{ }

3、類選擇器 ·class屬性值{ }

4、分組選擇器（并集選擇器）

作用：通過它可以同時選中多個選擇器對應(yīng)的元素（通常用于集體聲明）

語法：

選擇器1，選擇器2，選擇器n{ }

5、復(fù)合選擇器（交集選擇器）

作用：選擇更準(zhǔn)確更精細(xì)的目標(biāo)元素并為其設(shè)置屬性

語法：

選擇器1選擇器2選擇器n{ }

<!–注意選擇器之間不能有空格，要緊挨在一起–>

6、通配選擇器

作用：用來選中頁面中所有的元素

語法：*{ }

7、后代元素選擇器

作用：選中指定元素的指定后代元素

語法：祖先元素 后代元素{ }

8、子元素選擇器

作用：選中指定父元素的子元素

語法：父元素>子元素

9、偽類選擇器

偽類表示元素的一種特殊狀態(tài)

• :hover 　　移入時元素的狀態(tài)

• :visited　　已被訪問過后的元素的狀態(tài)

• :active　　被點(diǎn)擊時元素的狀態(tài)

10、屬性選擇器

作用：根據(jù)元素中的屬性或?qū)傩灾祦磉x取指定元素

語法：

[屬性名]選取含有指定屬性的元素 [屬性名=“屬性值”]選取含指定屬性值的元素 [屬性名^="屬性值"] 選取屬性值以指定內(nèi)容開頭的元素 [屬性名$="屬性值"] 選取屬性值以指定內(nèi)容結(jié)尾的元素 [屬性名*="屬性值"] 選取屬性值包含指定內(nèi)容的元素

11、兄弟元素選擇器

+選擇器

作用：選中一個元素后緊挨著的指定的兄弟元素

語法：前一個+后一個（作用在后一個）

~選擇器

作用：選中后邊所有的制定兄弟元素

語法：前一個~后邊所有

學(xué)習(xí)視頻分享：css視頻教程