CSS中的优先级关系

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

CSS中的优先级关系

2.优先级的关系总结:

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

3.补充:

(1)伪元素选择器:例如:before, :after,:first-line, :first-letter等
(2)关系选择器:
A B--------------------------表示A元素所包含的所有的元素
A>B-------------------------表示A元素的直接子元素B
A+B------------------------紧跟在A元素后面的B元素
A~B------------------------A元素之后的所有的兄弟元素B
(3)三种应用css样式方法的优先级:
内联样式(style=" …")>内嵌样式(<style>......</style>) = 引入外部样式
(我测试的结果是这样,但看好多网上说内嵌的优先级比外部的高,我也有点懵了)