CSS 选择器的类别应用

常见的类选择器类型有如下几种：

1.标签选择器，标签选择器名称{css样式代码;}

2.类选择器，类选器名称{css样式代码;}

3.ID 选择器，＃类选器名称{css样式代码;}

4.子选择器，即大于符号(>),用于选择指定标签元素的第一代子元素。

5.包含选择器，即加入空格 ,用于选择指定标签元素下的后辈元素。

6.通用选择器，匹配html中所有标签元素，* {css样式代码;}类选择器和ID选择器都可以应用于任何元素，但 ID 选择器只能在文档中使用一次，可以使用类选择器词列表方法为一个元素同时设置多个样式，ID 选择器是不可以的。

子选择器和包含选择器区别：>作用于元素的第一代后代，空格作用于元素的所有后代。

另外还有两种选择符：

1.伪类选择符，允许给 HTML 不存在的标签（标签的某种状态）设置样式。常用的有 a:hover{color:red;}

2.分组选择符，为 HTML 中多个标签元素设置同一个样式时，可以使用分组选择符,

例如h1,span{color:red;}