css样式——后⾯覆盖前⾯
上代码
<div class="red yellow" ><div>
.yellow {
background: yellow;
css样式表优先级最高}
.red {
background: red;
}
这个区域渲染出来是什么颜⾊呢？红⾊？黄⾊？
答案是红⾊
不知道有多少⼈和我有⼀样的误区，⼀直以为是由class中的排版顺序决定同优先级样式应⽤顺序的。。。
实际上是谁在css⽂件中，权重相等，声明在后⾯，那么最终就应⽤谁
解释
Finally, sort by order specified: if two declarations have the same weight, origin and specificity, the latter specified wins. Declarations in imported style sheets are considered to be before any declarations in the style sheet itself.
⼤致意思就是，如果两个选择器的声明权重相等，那么谁在后⾯，最后就应⽤谁。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。