CSS-选择器权重

选择器的权重

选择器种类	优先级数值	语法
内联样式	1000	<a style=" ">
id选择器	100	#id属性值{   }
类和伪类选择器	10	.class属性值{   }、:first-child
元素选择器	1	标签名称{  }
通配选择器	0	*{  }
继承的样式	没有优先级	<div><span /></div>

• 比较优先级时，需要将所有选择器的优先级相加计算，最后优先级最高，则越优先显示（分组选择器时单独计算的）
• 选择器的累加不会超过其最大的数量级（类选择器再高也不会超过id选择器）
• 如果优先级计算后相同，此时则优先使用靠下的样式（后覆盖前）
• 可以在某一个样式的后面添加!important，则此时该样式会获取到最高的优先级，甚至超过内联样式（注意：在开发中不要轻易使用）