CSS的六大选择器

1、标签选择器 (标签名)

标签选择器，此种选择器影响范围大，会修改全部的该标签

作用: 

1. 做一些通用设置;

2. 用在层级选择器中。

举例：

2、id选择器 (#)

通过id名来选择元素，元素的id名称不能重复，且一旦被元素使就不能复用

作用:  id名一般给程序使用，所以不推荐使用id作为选择器。

举例：

3、类选择器 (.)

通过类名来选择元素，一个类可应用于多个元素，一个元素上也可以使用多个类

作用: 应用灵活，可复用，是css中应用最多的一种选择器。

举例：

4、层级选择器 (.xxx .yyy或者.xxx 标签名)

主要应用在标签嵌套的结构中，层级选择器，是结合类选择器和标签选择器来写的选择器

作用: 它可与标签选择器结合使用，减少命名，同时也可以通过层级，限制样式的作用范围。

举例：

5、组选择器 (.xxx,.yyy,.zzz)

多个选择器，如果有同样的样式设置，可以使用组选择器。

作用: 简洁代码, 一次性实现共有的属性

举例：

6、伪类及伪元素选择器(:hover /:before /:after)

1. 常用的伪类选择器有hover，表示鼠标悬浮在元素上时的状态

作用: 常用来做鼠标移动后酷炫效果

2. 常用的伪元素选择器有before和after,它们可以通过样式在元素中插入内容

注意=_=

1. 插入的元素在网页中不能被鼠标选中
2. 使用标签名也可以调出
举例: