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 我有一个div，在那个div我想创建另一个div与不同的类，并使内部div完全与外部div CSS设置分离。

喜欢这个：

<div >    <div><h1> h1 </h1><div>    <div >        <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的直接孩子得到这个颜色值，才能修复这个工作。

总结

以上是内存溢出为你收集整理的html – 如何将CSS应用于某个类的直接子代全部内容，希望文章能够帮你解决html – 如何将CSS应用于某个类的直接子代所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。