嵌套在部分类中的 DIV 类未设置为显示：flex答案

【问题标题】：DIV Class Nested in Section Class not setting to display: flex嵌套在部分类中的 DIV 类未设置为显示：flex
【发布时间】：2021-04-09 20:55:42
【问题描述】：

我正在尝试学习 CSS，但发现自己陷入了困境。我希望你能帮忙。

我创建了一个部分，我希望它是一个弹性容器。我在该部分中为要在容器中显示的每个项目嵌套了 div。我已向该部分和父 div 添加了一个类，但我无法将 display: flex 属性应用于该 div。当我现在在 Chrome 中检查时，它反映了 display: block。如果我尝试选择 div.class 它不会设置样式。谢谢！

HTML：

<section class="headline">
    <div class="Details">
        <div>
            <h4>headline 1</h4>
            <p>some content included.</p>
        </div>
        <div>
            <h4>headline 2</h4>
            <p>some more content.</p>
        </div>
        <div>
            <h4>headline 3</h4>
            <p>more content</p>
        </div>
        <div>
            <h4>headline 4</h4>
            <p>end content</p>
        </div>
    </div>
</section>



    .headline {
color: white;
background-color: black;
display: flex;

}

.details {
display: flex;

}

【问题讨论】：

标签： flexbox display

【解决方案1】：

我想通了 - .Details 类在 html 中大写为 d，在样式表中为小写 d。 :)

【讨论】：