CSS选择器总结

选择符是指一条CSS样式规则的最左边部分，总的可分为五大类十八种。

1、并联选择器：即群组选择器，即以“，”合并多个分组结果。

2、简单选择器：标签、ID、类、属性、通配符。

3、关系选择器：即派生选择器，亲子、后代、相邻、兄长。

4、伪类选择器：动作伪类、目标伪类、语言伪类、状态伪类、结构伪类、取反伪类。

5、伪元素选择器：仅有几种。

 

并联选择器

并联选择器即群组选择器，以“，”分割，这个比较简单。

简单选择器

通配符选择器即“ * ”

关系选择器

1> 亲子选择器 div>p 选择作为div元素子元素的所有p元素

2> 后代选择器 div p选择div元素所有后代元素中的p元素，由此可知，后代选择器的范围大于亲子选择器

3> 相邻选择器 h1+p 紧跟着的第一个选择器

4> 兄弟选择器 h1~p 所有跟所选元素的同胞选择器

伪元素选择器（仅指以下几种）

：：before（：before）

：：after（：after）

：：first-line（：first-line）

：：first-letter（：first-letter）

：：selection（：selection）

 

分享来源：CSS选择器总结