二、CSS选择器的种类（这里介绍常用的）
标签选择器（Type selectors ）：直接引用HTML中的标签控制相应元素样式。

类选择器（Class Selectors ）：利用自行定义的类名控制相应元素样式，用“.”来标志。

ID选择器（ID Selectors)：利用自行定义的ID名（ID名需唯一）控制相应元素样式，用“#”来标志。（因为选择器级联关系，建议非必要时，少用）

群组选择器(Group Selectors )：多种选择器组合成一组，控制同一种样式，选择器间用“，”隔开。（当要设置多个元素拥有同种样式时，采用群组选择器更加便捷，而且可以减少css代码。）

子选择器(Child Selectors )：用两个常用选择器，中间通过“>”进行选择。其中前面的选择器选择父元素，后面的选择器仅选择父元素第一代孩子中全部对应的元素。

拓展：
:first-child 匹配包含在其父元素中，每个作为首孩子出现的元素。（不限元素类型）
:last-child 匹配包含在其父元素中，每个作为最后孩子出现的元素。
:only-child 匹配包含其父元素中，每个作为唯一孩子出现的元素。
:nth-child(n) 匹配包含在父元素中，每个作为第n个孩子出现的元素。（n 可以是数字、关键词或公式）
:first-of-type 匹配包含在其父元素中，每个作为首孩子出现的特定类型元素。
:last-of-type 匹配包含在其父元素中，每个作为最后孩子出现的特定类型元素。
:nth-of-type(n) 匹配包含在父元素中，每个作为第n个孩子出现的的特定类型元素。 （n 可以是数字、关键词或公式）
后代选择器(Descendant Selectors )：用两个常用选择器，中间通过空格隔开。其中前面的选择器选择父元素，后面的选择器选择父元素全部孩子中全部对应的元素。（注意不要和子选择器选择对象范围混淆）

相邻同胞选择器(Adjacent sibling selectors)：用两个常用选择器，中间通过“+”进行选择。作用于与前面选择器同胞的，且是后面选择器选择的第一个元素。

伪类选择器(pseudo-classes Selectors)：有时候还会需要用文档以外的其他条件来实现元素的样式，例如鼠标悬停时，目标元素的样式变化等。

与此相似的伪类有：
:link 设置元素初始样式。
:visited 设置元素被访问后的样式。
:hover 设置鼠标悬停时样式。
:active 设置鼠标点击瞬间的样式。

// 在CSS 定义中，a:hover 必须被置于 a:link 和 a:visited 之后，a:active 必须被
置于 a:hover 之后，才是有效的。若要同时设置这四种，一般设置顺序为LVHA。
// 该种伪类一般被应用在链接上，也可以应用在其他元素上，例如表单元素中。

通配选择器：通用选择器用*来表示,选择作用于所有元素。

三、样式继承
样式继承：某元素设置了样式，则其后代可以继承其某些样式设置。

四、选择器级联
级联：是属性设置发生冲突时，浏览器用来确定元素会应用那种样式的一套规则。
属性发生冲突的两种情况：
第一种：某元素的多个祖先设置了同个属性的值。
第二种：同时两个或者两个以上的样式设置了同一个属性。