css选择器优先级
1. 最高优先级是 (直接在标签中的设置样式，假设级别为1000)<div style="color:Red;"></div>
2.次优先级是（ID选择器 ,假设级别为100） #myDiv{color:Red;}
3.其次优先级是（类选择器，假设级别为10） .divClass{color:Red;}
4.最后优先级是 （标签选择器，假设级别是 1） div{color:Red;}
5.那么后代选择器的优先级就可以计算了啊比如 .divClass span { color:Red;} 优先级别就是：10+1=11
需要特别注意的是！important的优先级别高于内联样式
下面举例对同一个dom节点设置多个class
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <style> 5 .c2{width:100px;height:100px;background:blue} 6 .c1{width:100px;height:100px;background:red} 7 </style> 8 </head> 9 <body> 10 <div class="c1 c2"></div> 11 </body> 12 </html>
显示结果为红色，应为显示结果与div中设置的class顺序无关，而是与样式表中的顺序有关（句号小弟---编辑）
