html – 如何将CSS应用于某个类的直接子代

前端之家收集整理的这篇文章主要介绍了html – 如何将CSS应用于某个类的直接子代前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个div,在那个div我想创建另一个div与不同的类,并使内部div完全与外部div CSS设置分离。

喜欢这个:

<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; }

我想要的是从“内”div中的h2中取消红色

这可能看起来很笨,不是将颜色加重到黑色,但如果我在CSS中有更多的参数,或者甚至是动态的,那该怎么办?

编辑:我想这不清楚,但我所需要的就是与我迄今为止所做的答案相反。我有一个主容器div,它在CSS中有很多设置。现在我想在没有任何主容器CSS设置的主容器中插入一个div。

解决方法

.outer > h2 { color:red; }

这种方式只有外部div的直接孩子得到这个颜色值,才能修复这个工作。

原文链接:https://www.f2er.com/html/233301.html

猜你在找的HTML相关文章