「这是我参与11月更文挑战的第十三天，活动详情查看：2021最后一次更文挑战」。
前言
在我们开发的时候，如果仔细一看你会发现，凡是涉及到HTML加CSS的时候，全是一水的选择器，各种类名丛出不穷，五花八门，基本上每个标签都至少套上那么一个类名。
而很少看到有标签选择器，相信同学们也知道，选择器会有性能问题，但是在前端快速发展的今天，那一丢丢性能问题早已不复存在。
这也是本文为啥要聊聊CSS选择器了。再者说，学好CSS，选择器不也是最基本的吗？接下来就让我们开始吧。
分类
所以要想搞清楚什么是选择器，选择器的分类又是什么，怎么样才能更好且恰当的使用选择器，并且熟练且能得心应手的掌握css选择器，那首要的，而且必不可少的，就是我们要把选择的分类搞明白，正所谓工欲善其事必先利其器。
所以，分类看似枯燥乏味，但也是非常重要的，大家一定不要觉得烦，而懒得看，一定要好好看哦！我可盯着呢！(✪ω✪)
基础选择器
| 选择器 | 别名 | 说明 |
|---|---|---|
| tag | 标签选择器 | 指定类型的标签 |
| #id | ID选择器 | 指定ID的标签 |
| .class | 类名选择器 | 指定类名的标签 |
| * | 通配符选择器 | 所有类型的标签 |
集合选择器
| 选择器 | 别名 | 说明 |
|---|---|---|
| element1，element2 | 并集选择器 | 指定多个元素 |
| element.class | 交集选择器 | 指定类名的节点 |
层级选择器
| 选择器 | 别名 | 说明 |
|---|---|---|
| elementA elementB | 后代选择器 | 节点的后代节点 |
| elementA>elementB | 子代选择器 | 节点的子代节点 |
| elementA+elementB | 相邻同胞选择器 | 节点相邻的同胞节点 |
| elementA~elementB | 通用同胞选择器 | 节点后面的同胞节点 |
行为选择器
| 选择器 | 别名 | 说明 |
|---|---|---|
| :active | 鼠标激活的节点 | |
| :hover | 鼠标悬浮的节点 | |
| ::selection | 鼠标选中的节点 |
好，今天就到这里了，今天加班干到九点，说实话有点了，拜了个拜，今天努力的你依然是最棒的。加油，加油，你最棒！加油，加油，你最强！哦豁，Bye Bye！！！
