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

面试题二：谈谈对css权重和优先级的问题？-QUI-Notes

1.选择器权重

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

2.css位置权重

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

3.综合权重

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

注意：不建议使用数字加权重方法，遇到多权重叠加很容易出错！