Question

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

例如：<span class=aa001 aa002 aa003...... (个数不确定 也许只有3个 也许有10个 一直到aa010,但是都是以aa开头的)>
目的是 让所有以aa开头的 都使用同一个css样式。这时候该怎么写？
不可能在css里把所有的全列举出来把。

Answer 1

方法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>

Answer 2

方法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选择器，方法跟这个是一样的。

Answer 3

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

Answer 4

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