【CSS 教程系列第 4 篇】什么是 CSS 中的选择器？CSS 的选择器都有哪些？

这是【CSS 教程系列第 4 篇】，如果觉得有用的话，欢迎关注专栏。

一：什么是选择器

如果你想将 CSS 样式应用于特定的 HTML 元素，首先需要找到该目标元素，在 CSS 中，执行这一任务的样式规则部分被称为选择器，有的地方也会叫选择符。

二：举例说明

我们先来看一段代码

	<div>雄心志四海，万里望风尘</div>
	<div>雄心志四海，万里望风尘</div>
	<div>雄心志四海，万里望风尘</div>

浏览器运行效果如下所示

如果现在让你只把第二个《雄心志四海，万里望风尘》这句话的文本颜色变为红色，该怎么实现呢？

我们肯定需要通过一种方式来选中第二个 div ，而不是第一和第三个的 div ，然后再去改变文本颜色，这种方式就叫 “选择器”。

三：CSS 中的选择器

在 CSS 中，我们有很多选中元素的方式，所以有了不同的选择器，虽然选择方式是不同的，但这些选择器的目的都是相容的，那就是选中你需要的元素，然后去定义这个元素的样式。

CSS 选择器有很多，常用的有

• 元素选择器（标签选择器）
• id 选择器
• class 选择器（类选择器）
• 后代选择器
• 子代选择器
• 并集选择器（群组选择器）
• 交集选择器
• 伪类选择器
• 通配符选择器

你的问题得到解决了吗？欢迎在评论区留言。

赠人玫瑰，手有余香，如果觉得文章不错，希望可以给个一键三连，感谢。

---

结束语

技术是一点一点积累的，大神也不是一天就可以达到的。原地不动就是退步，所以每天进步一点点。

最后，附上一句格言："好学若饥，谦卑若愚"，望共勉。