方法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当中需要对多个类或多个元素等使用相同的样式，都可以在每个选择器后面使用逗号分隔，其他部分的写法是相同的。
例如：.aa,.bb{color:blue}。
css的类是可以被一个元素同时使用多个的，也就说某个元素可以同时使用多个class样式，但是如果发生了样式冲突会出现后者覆盖前者的现象。
工具原料：编辑器、浏览器
1、一个元素可以同使用多个class样式类，写法一般是class=“test1 test2”中间使用空格隔开即可，代码如下：
<body><style type="text/css">
.div1{
width: 200px
height: 200px
}
.div2{
background: #ccc
}
</style>
<div class="div1 div2"></div>
</body>
2、以上代码div同时使用了div1类和div2类的样式，最终的效果是一个宽高200像素背景是灰色的div，运行的结构如下：
