在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选择器时,应遵守这个规则。
粉丝
0
关注
0
收藏
0