如何应用条件 CSS 选择器 [重复]答案

【问题标题】：How to Apply conditional CSS Selectors [duplicate]如何应用条件 CSS 选择器 [重复]
【发布时间】：2015-05-09 19:51:14
【问题描述】：

CSS3 一切皆有可能，那么我如何通过 CSS 做到这一点？

(1)

<h2> Top Test Text </h2>
<h2> Test Text <span class="a"></span> </h2>

将color: red 应用于class="a" 的唯一父级h2 而不是顶部h2，不添加 <h2 style"color: red"> 不添加类有任何 CSS 选择器可以做到这一点吗？我的意思是，如果页面上存在.a 类，则父 h2 将变为红色。

(2)

<div class="a"> Test Text </div>
<div class="b"></div>

如果页面上存在.b 类，则仅将color: red 应用于.a。

【问题讨论】：

【解决方案1】：

如评论：CSS 无法做到这一点。

回答您的评论：

在 jQuery 中，第一个例子是：

$( "h2" ).has( "span.a" ).css( "color", "red" );

对于两个子问题，在 jQuery 中你可以使用 has() Demo: http://codepen.io/anon/pen/VYGrBv

【讨论】：