标签选择器、id 选择器、类选择器、通配符选择器。

标签选择器

通过标签名去选择标签元素。

书写方式：标签名。

选择范围：选中的是HTML文件中所有的同名标签。会忽视 HTML 元素的嵌套关系，不管嵌套多深，都能被选中

优点：可以选中所有的同名标签，设置所有同名标签的公共样式。

缺点：只能实现全选，不能对局部的标签添加特殊样式。

id 选择器

通过标签上的 id 属性去选择标签。

书写方式：#id 属性值

选择范围：只能选中一个标签。

id 命名规则：必须以字母开头，后面可以有字母、数字、下划线、横线，严格区分大小写。每个 id 属性值必须是唯一的，不能与其他的 id 同名。

如果希望多个标签设置相同的样式，使用id选择器的话，必须给这多个标签取不同的 id 名，分别选中设置。

缺点：id 选择器只能实现单选，不能帮我们完成多选的功能。

类选择器

通过标签的 class 属性去选择标签。

书写方式：.class属性值

选择范围：是页面中所有 class 属性值相同的标签。

class 命名规则：必须以字母开头，后面可以有字母、数字、下划线、横线，严格区分大小写。class 属性值可以与其他的class相同。

特点 1：多个不同的标签，不区分标签类型，只要 class 属性值相同，都可以被同一个类选择器选中。

特点 2：一个标签的 class 属性可以有多个属性值，值之间用空格分隔，每个属性值组成的选择器，都可以选中这一个标签，每个选择器后面的样式都会添加给同一个标签。

优点：

①通过一个类选择器进行多选，选中多个标签，添加公共样式。

②一个标签可以被多个类选择器选中，可以将所有样式进行分离，分别提取公共样式和单独样式，节省代码量。

实际工作中，通常我们有一个使用规律：__类上样式(CSS)，id 上行为(JavaScript)。

通配符选择器

通过一个特殊符号选择页面内所有的标签。

书写方式：*

选择范围：包含 **<u><html></u>**标签在内的所有标签。

缺点：通配符选择效率低，设置的部分公共样式不是所有标签都需要添加，

如果使用通配符选择，会让不需要的标签也加载一次样式，导致浏览器多做无用的工作。

注意：实际上线的网站不允许使用 * 去清除默认内外边距。

普通的案例，代码量较少时，为了节省书写，可以使用通配符。