如何应用条件CSS选择器

时间:2015-03-08 16:16:46

标签: html css css3 css-selectors

CSS3可以做到的每一件事,那我是怎么做的呢?

(1)

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

color: red仅应用于h2的父级class="a",而不是顶级h2, 没有添加<h2 style"color: red">而没有添加类 有没有CSS选择器可以做到这一点? 我的意思是,如果页面上有.a类,则父h2将为红色。

(2)

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

如果页面上有color: red课程,则仅将.a应用于.b

1 个答案:

答案 0 :(得分:0)

评论如下: CSS无法执行此操作


回答你的意见:

在第一个例子的jQuery中,它将是:

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

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