Selector

常用选择器

类型选择器

p

通配选择器

*

类型选择器

.box

ID 选择器

#app

后代选择器

article p

子代选择器

article > p

只选择儿子，不选择孙子

相邻兄弟选择器

h1 + p

只选择挨着的同级兄弟

通用兄弟选择器

h1 ~ p

选择所有同级兄弟

伪类选择器

元素的特殊状态，这些特殊的状态类，叫做伪类

如：人:学生

:hover

:visited

:checked

选择器	描述
:first-child	兄弟中的第一个	该类型的，且所有兄弟(不同类型)中是第一个的元素
:first-of-type	同类兄弟中的第一个	该类型的中是第一个的元素
:nth-child(an+b)	规则匹配兄弟元素	奇数：2n+1/odd
:nth-of-type(an+b)	规则匹配同类兄弟元素	偶数：2n/even

伪元素选择器

元素的特殊部分，这些元素的部分(子元素)，叫做伪元素

如：人::头发

::before 元素前插入的内容

::after 元素后插入的内容

::first-letter 元素的第一个字母

::first-line 元素的第一行

::selection 元素被选中的部分

TIP

伪类都是单冒号，伪元素都是双冒号(CSS3)。当然，伪元素也可以单冒号使用，那是CSS2的语法，向下兼容。