如何将CSS应用于特定类的直接子级

Question

我有一个,div并且div我想用另一个div类创建另一个并且内部div完全与外部divCSS设置分开.

像这样:

<div class="outer">
    <div><h1> h1 </h1><div>
    <div class="inner">
        <h2> h2 </h2>
    </div>
    <h2> h2 </h2>
</div>

.outer h1{ color:blue; }
.outer h2{ color:red; }

.inner { height: 111px; }

我想是从取消设置红色h2的"inner" div

看起来愚蠢的不仅仅是在这里将颜色增加到黑色,但如果我在CSS中有更多的参数或者即使它是动态的,那该怎么办呢.

编辑:我想这还不清楚,但我需要的实际上与我到目前为止的答案相反.我有一个主容器div,它在CSS中有很多设置.现在我想在主容器中插入一个div,而不需要任何主容器CSS设置.

Answer 1

.outer > h2 { color:red; }

这样只有外部div的直接子节点才能得到这个颜色值,应该修复这个工作.