CSS中的优先级关系

1.看图：css中的权值计算参考

2.优先级的关系总结：

!important > 内联样式 >ID选择器 >类选择器=属性选择器=伪类选择器 > 元素选择器=关系选择器 =伪元素选择器 >通配符选择器

3.补充:

(1)伪元素选择器：例如:before, :after,:first-line, :first-letter等
(2)关系选择器：

表达式	描述
A B	表示A元素所包含的所有后代B元素
A>B	表示A元素的直接子元素B
A+B	紧跟在A元素后面的B元素
A~B	A元素之后的所有的兄弟元素B