第一种是标签选择器，html中的、、

、

、等标签元素都是的，用法如图代码所示。

第二种是类选择器，使用方法是在标签元素中定义一个类名，在css中使用“.”+类名来调用，用法如图代码所示。

第三种是id选择器，使用方法是在标签元素中定义一个id名，在css中使用“#”+id名来调用，用法如图代码所示。关于id选择器和类选择器的区别在其他篇章有过讲解，这里不赘述。

第四种是子选择器，子选择器是用来选择指定标签元素的第一代子元素。使用“>”来调用，注意如图代码已经用红框标注出来了作用范围，可以更好的理解第一代子元素的概念。

第五种是包含（后代）选择器，用于选择指定标签元素下所有的后辈元素，使用“ ”空格符号来调用，注意查看代码效果的区别。

第六种是通用选择器，使用“*”表示，它可以自动匹配html中所有标签元素。

第七种伪类选择器，这里只介绍a:hover，其他伪类选择器兼容性不好不推荐使用。

第八种是分组选择器，它使用“,”逗号来为多个标签同时设置css样式。