很多书，一上来就介绍说“一个样式的语法是由三部分构成：选择器、属性和属性值……”，然后就滔滔不绝地说选择器的语法，讲解各种选择器。读者几乎把所有选择器看完了，都不知道选择器究竟是什么东西？！
为了避免这种人间悲剧的发生，在讲解选择器语法和类型之前，我们先给大家详细讲解选择器究竟是怎么的一回事。
我们先看一段代码：
<!DOCTYPE html>
<html ns=\"http://www.w3.org/1999/xhtml\">
<head>
< >什么是css选择器，以及css选择器到底有什么作用</ >
</head>
<body>
<div>码农教程</div>
<div>码农教程</div>
<div>码农教程</div>
</body>
</html>
在浏览器预览效果如下：
![\"简单介绍css选择器有什么作用\"](\"/images/css_select_1068_1.png\")
如果我们只想要第二个div文本颜色为红色，怎么办呢？我们必须通过一种方式来“选中”第二个div（因为其他的div不能选中），然后把它的CSS属性颜色color改为红色，这样才行。像这种把某一个你想要的标签选中的方式就是所谓的“选择器”，也就是说选择器就是一种选择元素的方式。
![\"简单介绍css选择器有什么作用\"](\"/images/css_select_1068_2.png\")
选择器，说白了就是用一种方式把你想要的那一个标签选中！把它选中了，你才能操作这个标签的CSS样式。这样够简单了吧。CSS有很多把你所需要的标签选中的方式，这些不同的方式就是不同的选择器。
选择器的不同，在于它选择方式不同，但是他们的目的都是相同的，那就是把你需要的标签选中，然后让你定义该标签的CSS样式。当然，你也有可能会用某一种选择器代替另一种选择器，这仅仅是由于选择方式不一样罢了，目的还是一样的。
继续阅读与本文标签相同的文章
下一篇 :
css元素选择器使用方法和实例
-
他让我国芯片研究停滞13年，还骗走11亿研发资金，现状如何？
2026-05-14栏目： 教程
-
健乐教学机器人可开展的教学实训内容
2026-05-14栏目： 教程
-
5G套餐曝光遭“吐槽”，iphone11受追捧，导致苹果11销量比较高
2026-05-14栏目： 教程
-
为什么修电脑的叫自己不要杀毒和清理垃圾？
2026-05-14栏目： 教程
-
当水乡建筑遇上机器人，成就乌镇又一网红景点
2026-05-14栏目： 教程