快速学习CSS选择器（一）

前言

今天抽时间回顾下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>元素标签的内容之后插入内容。

总结

写多了容易弄混淆，所以暂时总结这么点。

(本文适合初学者，如果你是大佬级别的人物，我也欢迎指教！)