这是css属性选择器的一种：[attribute^=value] ，用来匹配属性值以指定值开头的每个元素。例如：
[class^="test"] { background:#ffff00}
表示设置 class 属性值以 "test" 开头的所有元素的背景色，也就是说对class="test", class="test1" class="test-001"的元素都是有效的。
除此之外，还有一些常用的css属性选择器如下：
[attribute~=value] 选取属性值中包含指定词汇的元素
[attribute|=value] 选取带有以指定值开头的属性值的元素，该值必须是整个单词。
[attribute$=value] 匹配属性值以指定值结尾的每个元素
[attribute*=value] 匹配属性值中包含指定值的每个元素
方法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>
class是样式组，用.style定义，class="style"：.style定义样式组，可以被反复调用，就是说你一个页面里，可以有多个元素用同一个style；
ID是固定标签，用#style1定义，ID="style1"
#style1定义固定标签，用于定义一个特定的元素，每个页面只能出现一次，不能反复调用。虽然现在有的网页多次调用#style1，但那是不规范的，在某些浏览器中也会无法解读造成页面出错。
