本节会介绍CSS选择器的基础，之后的章节则会分别更深入的介绍属性选择器、组合选择器、伪类、伪元素。

---

如果是第一次学习CSS，且想更快地对CSS有全局把握，可以考虑在读完本节后，先跳过关于选择器的高级教程，而直接学习CSS插入方式。

---

CSS 选择器

CSS选择器是用来选择想要去描述定义的HTML元素；CSS选择器可以根据元素名称、元素的id、class（类）、attribute（属性）等各种方式来选择指定元素。

元素名选择器

CSS选择器可以直接根据元素名来选择元素。如下所示，可以选择页面上所有的<p>元素。

p {
    color: Tomato;
    font-size: 24px;
} 

运行一下

Id选择器

Id选择器即通过HTML元素的id属性来选择指定元素。每个元素的id属性在一个HTML页面中应该是独一无二的，因此id选择器适合用来选择指定的某一个元素。具体写法如下所示，在目标id值前加上符号#即可。

#id_1 {
    color: Tomato;
    font-size: 24px;
} 

运行一下

---

友情提示：设置id时的所用的这个字符串，有一条禁忌，就是开头的第一个字符不能是数字。

---

Class类选择器

类选择器，就是通过HTML元素的class属性（类名）来选择指定的元素。写法上，在类名前加上符号.即可，则目标页面class属性（类名）等于该指定类名的所有HTML元素都是目标选择元素。

.class_name1 {
    color: Tomato;
    font-size: 24px;
} 

运行一下

---

同样是去厕所小便，如果大家分开依次去小便，又是何必呢，不如组队去厕所小便，这样还显得比较有气势。选择器也是可以组队的，而且写起来会更加方便。

---

选择器组队

举例说明，如下几个选择器所定义的样式是一样的：

h1 {
    color: Tomato;
    font-size: 24px;
}

h2 {
    color: Tomato;
    font-size: 24px;
}

#id_3 {
    color: Tomato;
    font-size: 24px;
} 

运行一下

那么将上面这三个选择器组队，则如下所示：

h1, h2, #id_3 {
    color: Tomato;
    font-size: 24px;
}

运行一下

---

再次提醒，如果想更快地对CSS有全局把握，可以直接跳到CSS插入方式；当然如果想扎实基础，也可继续阅读下一节以深入学习CSS选择器。