gpt4 book ai didi

html - 为什么在这种情况下我必须使用 !important ?

转载 作者:行者123 更新时间:2023-12-02 09:03:04 25 4
gpt4 key购买 nike

这是 CSS:

.parent div {
height: 25px;
width: 25%;
}

.child {
width: 50% !important;
height: 50px !important;
}

这是 HTML:

<body>
<div class="parent">
<div class="child">
<p>CHILD</p>
</div>
</div>
</body>

浏览器从上到下执行 CSS。我读到了 CSS 层次结构,根据它,当我指定类时,它应该应用其代码。无论如何,它应用了 .parent div 代码..我错了什么?

最佳答案

让你的 CSS 更加具体,并删除所有 !important:

.parent div.child {
width: 50%;
height: 50px;
}

应该可以正常工作

关于html - 为什么在这种情况下我必须使用 !important ?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/61605402/

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