css选择器&选择器的优先级

<!-- css选择器 -->
1.id #
2.class .
3.标签名 div
4.群组（.div, #div2）
5.后代（div p）空格（后代选择器，派生选择器，衍生选择器）
6.组合（p.title） 即是P class又为title的

7.伪类选择器（:hover, :after, :befor）

8.全局选择器 *（通配符）

<!-- css选择器的优先级 -->

style 最高， 内联样式
id > class > 标签名
100   10      1
id 最高, 于class是数量级之前的区别
#div1 .span2
.a#title1
谁后写
如果优先级权重值一样，听后面写的
ps：
（1）瘦死骆驼比马大（100个1也比不过一个10）
（2）当优先级相同时，后面样式覆盖前面样式