类选择器是一种选择所有具有指定类名的选择器。例如,大家可以使用类名“button”来选择所有的按钮元素,使用类名“text-button”来选择所有的文本按钮元素。
2. ID选择器(ID 自己的选择器)
ID选择器是一种选择具有指定ID属性的元素。例如,大家可以使用ID名为“myButton”的选择器来选择所有的按钮元素,如下所示:
<button id=”myButton”>点击偶</button>
3. 属性选择器(属性选择器)
属性选择器是一种选择具有指定属性值的选择器。例如,大家可以使用CSS选择器来选择图片的“alt”属性中的文本,如下所示:
width: 200px;
height: 200px;
4. 伪类选择器(伪类选择器)
伪类选择器是一种根据指定的规则来创建新选择器的CSS选择器。例如,大家可以使用伪类选择器来创建一个新的选择器,以选择具有特定类型的文本,如下所示:
:root {
–button-color: red;
:root {
/* 创建一个新的选择器,以选择所有具有 text-button 类名的元素 */
button[class^=”text-button”] {
color: –button-color;
5. 条件选择器(条件选择器)
a[href=”#”]:hover {
color: blue;
以上是CSS中常用的5种选择器,它们各有特点,可以根据需要灵活使用。