gpt4 book ai didi

javascript - CSS 新类不覆盖特定元素样式?

转载 作者:太空宇宙 更新时间:2023-11-04 01:32:05 25 4
gpt4 key购买 nike

在下面的代码中,div“main”从类“main1”切换到“main2”。测试表明新类别应用(尺寸从 100x200 变为 200x100),然而,新类不会覆盖预先分配给 div 的背景颜色。这是正常行为吗?

<!DOCTYPE html>
<html>
<head>
<style>
.main1 {width:100px; height:200px; background-color:yellow;}
.main2 {width:200px; height:100px; background-color:orange;}
</style>
<script>
function start() {
document.getElementById("main").style.backgroundColor = "green";
document.getElementById("main").className = "main2";
}
</script>
</head>
<body onload="start();">
<div id="main" class="main1"></div>
</body>
</html>

最佳答案

Inline 样式(green)比 class 样式有更高的优先级。(yelloworange 。所以在这种情况下将应用内联样式,除非你有一个更先例的选择器使用 !important

检查这个答案: What is the order of precedence for CSS?

关于javascript - CSS 新类不覆盖特定元素样式?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46902949/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com