我遇到了一个有趣的代码。如果我们运行下面的代码片段,绿色类将应用于两个 div。谁能解释为什么?
.orange {
color: orange;
}
.green {
color: green;
}
<div class="orange green">Div 1</div>
<div class="green orange">Div 2</div>
原因是因为 CSS 是Cascading,所以规则是根据它们在文件中的位置来应用的。如果切换.orange
到底部,则两个<div>
s 都带有橙色文本,因此优先级为orange
.
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句