css两个class或者

admin 轻心小站 关注 LV.19 运营
发表于前端技术学习版块 css,教程

在CSS中,有时需要同时应用多个样式,此时就要用到两个class或者选择器。在HTML中,我们可以为一个元素同时指定多个class,用空格隔开。<div class= class1 cl

在CSS中,有时需要同时应用多个样式,此时就要用到两个class或者选择器。在HTML中,我们可以为一个元素同时指定多个class,用空格隔开。

<div class="class1 class2"></div> 

接着,在CSS中就可以使用两个class选择器来定义这个元素的样式了。使用两个class选择器时,中间不能有任何符号,如点、逗号等。

.class1.class2 {
    /* 这里是样式定义 */
} 

如果需要应用的样式不仅是两个class的并集,而是两者中任意一个的样式,可以使用逗号隔开两个class。

.class1, .class2 {
    /* 这里是样式定义 */
} 

与两个class类似的还有两个id选择器,写法也是一样的。

#id1#id2 {
    /* 这里是样式定义 */
}

#id1, #id2 {
    /* 这里是样式定义 */
} 

需要注意的是,在HTML中,id是唯一的,不应重复使用,而class则可以多个元素共用。在使用id选择器时,应遵守这个规则。

文章说明:

本文原创发布于探乎站长论坛,未经许可,禁止转载。

题图来自Unsplash,基于CC0协议

该文观点仅代表作者本人,探乎站长论坛平台仅提供信息存储空间服务。

评论列表 评论
发布评论

评论: css两个class或者

粉丝

0

关注

0

收藏

0

已有0次打赏