一般来说,大多数前端工程师都将css样式的优先级概念保留在下图中。
注:表示优先级的高低,|表示优先级相同
! important行距样式idclass|属性标记选择器通配符
但是,实际上css是有分量的。 且是可也的计算。 虽然这份资料不是唯一介绍css权重的,但我认为应该是最常见的。 图:
注:图中的0、1、10、100不是正确的数字。
注意: id,100并不意味着id的权重值为100。 实际上,这100既不是二进制,也不是十进制。 相反,256进制,即0到255后1为1,像通配符这样的列的权重值0到标签、疑似要素的权重值1,中间时间实际上相差255。 依次类推。
但是值得注意的是! important的权重值是正无限的,但实际上也可以计算。 例如,正无限1或*1大于正无限大。 其原理是,无论其语言如何,在计算机中正无穷的值都是有界的。 不是数学上没有边界的感慨。
的权重计算方法:
实际上,最后最后加载的是其风格,是一个比较复杂的问题,简单地说,与导入顺序有关。 本文只是最基础的部分
总结很简单,本意上相当于做笔记。 如有遗漏、错误、不当之处,欢迎批评。 谢谢你。 我认为前端开发人员在处理风格优先级方面,只要记住权重,就可以处理任何风格优先级问题。
备注1、感谢渡一教育、ykdkj老师的免费公开课。 2、关于css权重值的一个进制,由一位国外工程师用ie经过详细测试得到;