【前端基础】8、CSS的选择器

一、什么是选择器？

根据一定的规则选出符合条件的HTML元素，从而为他们添加各种特定的样式。

二、选择器分类

1. 通用选择器
2. 元素选择器
3. 类选择器
4. id选择器
5. 属性选择器
6. 后代选择器
7. 兄弟选择器
8. 选择器组
9. 伪类

三、通用选择器（*）

作用：帮我们选中所有的元素。
*就是通配符一样的，它会匹配所有元素。包括html元素。

一般实际操作中不使用。
因为它会把所有元素都匹配一边，哪怕你的HTML文件中都没有用到的元素。

四、元素选择器

使用元素的名称。

五、类选择器

使用.class名。也就是：.类名
所有使用这个class名的元素都会有同一个样式。
但是因为css的层叠特性等等，所有不一定是所有的样式会有这个样式，会存在覆盖。

六、id选择器

使用#id名。同一个HTML中就一个id。保持唯一性。

七、属性选择器

例子：

八、后代选择器

1、所有后代

例子：

1. HTML结构
   
2. 目标：选择home下的span
   
3. 结果
   
   1、只有一个后代（直接子代）。
   

小米网站中的示例：

九、兄弟选择器

例子：

十、选择器组

1. 交集选择器
   
   
   
   

2. 并集选择器
   
   
   

十一、伪类（非常粗略的描述）

1. 什么是伪类
   选择器的一种，用于选择处于特定状态的元素。
   最常见的现象：鼠标放在某些文字上面，文字就会加上颜色。
   鼠标没放上去之前：
   
   鼠标放上去之后：
   

2. 常见伪类
   最最常用： :hover ，其他的，需要就查吧。
   
   其他博客1
   其他博客2
   其他博客3