具有CSS的多个子代子选择器[重复]
检查以下代码：
.aaa :not(.bbb) .ccc {
font-size: 20px;
color: #FF0000;
}
<div class="aaa">
<div>
<div>
<div class="bbb">
<div>
<div>
<div class="ccc">AQUI</div>
</div>
</div>
</div>
</div>
</div>
</div>
我想匹配所有.ccc属于.aaa而不是的子元素.bbb。这意味着上面的代码不应使AQUI字变为红色，但无论如何它都会变为红色。我究竟做错了什么？
问题答案：
在not(.bbb)将匹配没有任何类股利.bbb，你有很多他们之间.aaa和.ccc那为什么文本是红色的。要执行您想要的操作，您需要考虑两个选择器
.aaa .ccc {
font-size: 20px;
color: #FF0000;
}
/*we reset the style if children of .bbb*/
.bbb .ccc {
color: initial;
font-size:initial;
}
<div class="aaa">
<div>
<div>
<div class="bbb">
<div>
<div>
<div class="ccc">AQUI</div>
</div>
</div>
</div>
</div>
</div>
</div>
-
问题内容： 我对这两个选择器有些困惑。 后代 选择器是否： 选择所有内它是否是一个即时descedent？因此，如果处于另一个之内，它将仍然被选中？ 然后是 子 选择器： 有什么不同？一个孩子意味着 直系 孩子吗？例如。 与 是否都会被选中？ 问题答案： 只要想一想英语中的“孩子”和“后代”是什么意思： 我的女儿既是我的孩子，又是我的后代 我的孙女不是我的孩子，但她是我的后代。
-
我的CSS知识是中等偏低的，我正在努力获得正确的条目来改变下面的颜色（从Chrome Inspector），因为有两个（.点）和一个空隙（即在th之前） 我可以在Chrome中改变颜色，但当我将修改后的代码粘贴到自定义css区域时，它似乎不起作用。这通常工作良好，所以我只能猜测这是与两个点和空隙有关。
-
问题内容： 我有以下HTML 以及以下样式： 由于某种原因，我不了解该样式已应用于 “子内容1” 和 “标题” 。 我认为样式上的选择器仅适用于div的第一个直接子类，该子类具有“ section”类。如何更改选择器以获得我想要的？ 问题答案： 您所发布的字面意思是“查找分区div内且是其父级的第一个孩子的所有div。” 该子项包含一个与该描述匹配的标签。 我不清楚您是否要同时兼任主要div的两个
-
问题内容： 我正在寻找一个选择器，如果它们具有特定的子元素，它将选择所有元素。例如，选择所有带孩子的人。 可能？ 问题答案： 如果元素包含特定的子元素，是否可以选择？ 不幸的是还没有。 在CSS2和CSS3选择器的规格不允许任何形式的亲本选配。 关于规格变更的注意事项 从现在开始，这是关于此帖子准确性的免责声明。CSS中的父选择器已经讨论了很多年。由于尚未达成共识，因此变化不断发生。我将尝试使此答
-
子选择器（E > F），就是只选择元素的直接后代（即子元素），而不选择其它后代的选择器。这就是子选择器与后代选择器的区别。子选择器中，> 两侧的空白符是可选的。 在上一节导航菜单的例子中，假如我们希望第一级列表项的链接文本的字体加粗显示。因为第一级列表项是 ul 的子元素，这时，就可以使用子选择器来实现。如： ul > li a { font-weight: bold;}
-
问题内容： 我想在下面的HTML片段中选择BONKERS。它的区别在于，它是单独存在的，而其所有兄弟姐妹都包含。是显而易见的选择，但由于文本节点而无法使用。我以为我知道这些东西，但这正驱使我疯狂。 我需要一个纯CSS解决方案（不能选择JS），并且无法控制源HTML。 ！ 问题答案： 您可以按照这种方法。通过所需的CSS 设置元素的样式，然后重置可在样式中继承的CSS样式，即： CSS： 您可能不需