html - Child Div 的显示：none 不工作

Question

Display:none不适用于子 div。我该如何解决这个问题？

HTML

<div class="parent">
    Hello
    <div class="child">
       Ola
    </div>
</div>

CSS

.parent {
    display:block;
}

.child {
    display:none;
}

在 Chrome 开发者工具中，孩子的 display:none 被划掉。

Answer 1

发现错误 - 在我的实际代码中有两个显示属性 - 而不是这里的简化版本。 愚蠢的错误：P

Answer 2

您的 HTML 不正确，缺少结束引号"

<div class="parent">
    <div class="child">
    </div>
</div>