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

html-css017

css 多个类似的class名 怎么使用一个css样式,第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>

css覆盖的顺序，不是你写在 class 中选择器的顺序，而是样式定义的顺序，所以 class="one two" 跟 class="two one" 是一样的。

参考：http://www.cnblogs.com/zhangpengshou/archive/2012/08/08/2628737.html