css选择器的优先级

选择器的优先级表述为4个部分，用0,0,0,0表示。

• !important--1,0,0,0
• 行内样式
• id选择器--0,1,0,0
• 类选择器(例如,.example)、属性选择器（例如, [type="radio"]）或伪类（例如, :hover）--0,0,1,0
• 元素（例如, h1）和伪元素（例如, :before）--0,0,0,1
• 通配选择器(*), 关系选择符(+, >, ~, ' ')  和 否定伪类(:not()) 对优先级没有影响。（但是，在 :not() 内部声明的选择器会影响优先级）--0,0,0,0
• 继承过来的样式没有优先级,若存在通配选择器，则被其声明覆盖

          当两条相互冲突的带有 !important 规则的声明被应用到相同的元素上时，优先级更高的声明将会被采用。