Css权重
权重--很多规则应用到同一个元素上时，权重是决定哪个生效的（优先级）
权重等级与权值
行内样式（1000）>ID选择器（100）>类、属性选择器或伪类选择器（10）>元素和伪元素（1）>*(0)
注：行内样式是在代码内直接写style 例如<div style=" "></div>
权重规则
1.包含更高权重的选择器的一条规则有更高的权重
2.ID选择器（#idValue）的权重比属性选择器（[id="idValue"]）高
3.带有上下文关系的选择器比单纯的元素选择器权重高
例如：
<section>
<article></article>
</section>
article是section的子元素，带有上下文关系，通过section > article{} 权重为1+1=2，直接article{}权重为1
4.与元素“挨得近”的规则生效---例如行内样式
5.如果两条规则权重相同，后面定义的规则会覆盖前面与之冲突的规则
6.无论多少个元素组成的选择器，都没有一个class选择器权重高
例如 body div section article{} 不如.class名{}权重高
通配符选择器权重是0，被继承的css属性也带有权重，权重也是0
