时间戳

首页 > 解决方案 > 为什么在这种情况下我必须使用 !important ？

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

问题描述

这是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 代码。我做错了什么？

标签： htmlcss

解决方案

更具体地使用您的 css 并删除所有!importants：

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

应该可以正常工作

推荐阅读