[分享]css两个class或者

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

在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选择器时，应遵守这个规则。