前言
今天抽时间回顾下CSS选择器，虽然也有经常使用，但是知其然也要知其所以然，以下内容简单总结，如有不妥还请告知。
图片来自网络，侵权请联系删除！
内容
| 选择器名称 | 示例 | 说明 |
|---|---|---|
| .class | .txt | 选择 class="txt" 的所有元素标签。 |
| #id | #txt | 选择id="txt"的所有元素标签。 |
| * | * | 选择所有元素标签。 |
| elem | span | 选择所有span的元素标签 |
| elem，elem | p，span | 选择所有<p>标签和<span>标签元素。 |
| elem elem | div span | 选择所有<div>标签下的所有<span>标签元素。 |
| elem>elem | div>span | 选择所有以<div>标签为父级的<span>标签元素。 |
| elem+elem | p，span | 选择所有紧随<p>标签下的<span>标签元素。 |
| ：link | a：link | 选择所有未被访问的链接标签。 |
| ：visited | a:visited | 选择所有已被访问的链接标签。 |
| ：active | a:active | 选择活动的链接元素。 |
| ：hover | a：hover | 选择鼠标指针位于其上的链接标签。 |
| ：focus | input:focus | 选择获得焦点的< input> 标签。。 |
| ：first-letter | p:first-letter | 选择每个 <p>标签的首字母。 |
| ：first-line | p：first-line | 选择每个 <p> 元素的首行标签。 |
| ：first-child | p:first-child | 选择属于父元素的第一个子元素的每个 <p> 元素标签。 |
| ：before | p：before | 在每个 <p> 元素标签的内容之前插入内容。 |
| ：after | p：after | 在每个 <p>元素标签的内容之后插入内容。 |
总结
写多了容易弄混淆，所以暂时总结这么点。
(本文适合初学者，如果你是大佬级别的人物，我也欢迎指教！)
网友评论