css样式的后缀是什么 |css3 多个动画

.classname    /* 类选择器，名称前有一个"."（点）*/
#idname            /* ID选择器，名称前有一个"#"（井号）*/
tagname        /* 标签选择器，直接使用标签名称作为选择器*/

在使用这些选择器时，定义的样式只会应用于选择器所指定的元素。例如，一个类选择器定义：

.red-text {
color: red;
}

将只会应用于HTML代码中包含class=”red-text”的元素。同样地，ID选择器和标签选择器也会根据其自身规则进行应用。

需要注意的是，选择器名称后缀的使用是非常重要的。如果选择器名称与标签、类或ID的名称相同，那么CSS样式就会无法正确应用。如下所示：

.red-text {   /*正确的类选择器后缀*/
color: red;
}
.red-text {   /*错误的ID选择器后缀*/
color: red;
}
p {               /*错误的标签选择器后缀*/
color: red;
}

大家必须始终仔细检查CSS选择器名称的后缀，以确保它们与HTML代码中的元素名称匹配。