哪个类将应用于 div,为什么?

葡萄酒德赛

我遇到了一个有趣的代码。如果我们运行下面的代码片段,绿色类将应用于两个 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] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章