class选择器：用于描述一组元素的样式，html元素通过class属性来设置class选择器，可以用于多个html元素，一个元素也可以有多个class选择器。以“.”来定义。
.class是指的“.”后面跟class的名字，比如<div class="info">要对class属性中包含info的元素样式进行改动就使用
.info{font-size:14px
background-color:#000
}
来进行改动。
红线处所标记的语句是多元素的组合选择器中的毗邻元素选择器（E+F），是匹配所有紧随E元素之后的同级元素F。
progress不是选择器是一个html5中的标签样式，是用来定义运行中的进度（进程）的。
active是当被选中元素被点击（按下状态）时的状态，比如要给p元素增加点击状态下的样式就使用:
p:active{color:blue
}
使用方法是:active。使用 :link 选择器对指向未被访问页面的链接设置样式，:visited 用于设置指向已访问页面的链接的样式，:hover 选择器用于设置鼠标指针浮动到链接上时的样式。
可以用逗号隔开多个类名。css当中需要对多个类或多个元素等使用相同的样式，都可以在每个选择器后面使用逗号分隔，其他部分的写法是相同的。
例如：.aa,.bb{color:blue}。
这是class类别选择器的一种简单应用，class="style1 style2"也就是使用style1与style2所有样式的并集，但是需要注意的是：这个是有顺序的，class="style1 style2"首先载入style1里面的样式，然后再载入style2的，如果style1与style2里面有相同的属性，但是他们的值不同，比如：style1里面有color:red而style2里面有color:green那么最终的值就是后面的那个color:green，如果你要使用（<div class="style1"></div>或<div class="style2"></div>）这样的样子，只需把二者里面的内容放到一个里面就行了，顺便注意一下前面说到的问题就行了
