css 多个类似的class名 怎么使用一个css样式

css 多个类似的class名 怎么使用一个css样式

方法1：用css的属性选择器。
div[class^="aa"] {background-color:#d6d6d6;height: 50px;}<div class="aa1">1</div><div class="aa2">2</div><div class="aa3">3</div>
方法2：用空格分隔多个class
.aa {background-color:#d6d6d6;height: 50px;}<div class="aa aa1">1</div><div class="aa aa2">2</div><div class="aa aa3">3</div>2014-12-15

方法1：用css的属性选择器。

div[class^="aa"] {
background-color:#d6d6d6;
height: 50px;
}
<div class="aa1">1</div>
<div class="aa2">2</div>
<div class="aa3">3</div>
方法2：用空格分隔多个class

.aa {
background-color:#d6d6d6;
height: 50px;
}

<div class="aa aa1">1</div>
<div class="aa aa2">2</div>
<div class="aa aa3">3</div>
方法2用的比较多，也方便，除此之外还有id选择器，方法跟这个是一样的。2015-05-26

mso-style-parent，我用excel转成html时，他就是用这个属性的，不过谷歌浏览器不认识这个。。2020-05-05

Vue实践-CSS样式position/display/float属性对比使用

2020-12-09