css权重和优先级,解决的css样式冲突之后,最后谁生效的问题!一般来说,谁的权重高/优先级高,谁生效,权重低的会被冲突重叠掉,不显示!

面试题二:谈谈对css权重和优先级的问题?-Qui-Note

1.选择器权重

元素选择器  < class选择器  < 元素匹配选择器 < id选择器 < style < !important

2.css位置权重

引入link样式 < 页面style样式 < 元素自身style

3.综合权重

由于很多时候css写的不规范,可能class选择里面加了 !important 提权,按常规的  权重优先级规则就出事了,所以最后渲染还是要看综合权重:
a.权重同级别,后面样式重叠掉前面的样式,这就是css重叠样式的默认规则了!
b.遇到 !important 权重瞬间最大!
c.多个 !important 存在,再按选择器规则排序!

注意:不建议使用数字加权重方法,遇到多权重叠加很容易出错!