css权重

什么是权重?
概况:
当很多的规则被应用到某一个元素上时，权重是一个决定哪种规则生效，或者是优先级的过程
权重等级与权值
行内样式(1000) > ID选择器(100) > 类、属性选择器和伪类选择器(10) > 元素和伪元素(1) > *(0)
权重计算口诀
从0开始，一个行内样式+1000，一个id+100，一个属性选择器、class选择器或者伪类+10，一个元素选择器或者伪元素+1（当写了一行选择器时，它的权重这样计算）
css权重规则
概况:
包含更高权重选择器的一条规则拥有更高的权重
例如:
1. ID选择器(#idValue)的权重比属性选择器([id=“idValue”])高
2. 带有上下文关系的选择器比单纯的元素选择器权重要高
比如

	<style type="text/css">
	   /*section > article{}比article{}权重要高*/
	    section > article{
	        background-color:red;
	    } 
	    article{
	        background-color:red;
	    } 
	</style>
	<section>
	    <article></article>
	</section>

3. 与元素"挨的近"的规则生效（例如:
   test
   ）
4. 最后定义的这条规则会覆盖上面与之冲突的规则
5. 无论多少个元素组成的选择器，都没有一个class选择器权重高
6. 通配符选择器权重是0，被继承的css属性也带有权重，权重也是0