This question already has answers here:
How do I select an element based on the state of another element in the page with CSS?
                                
                                    (3个答案)
                                
                        
                                4年前关闭。
            
                    
CSS3可以实现所有功能,那么CSS如何实现呢?

(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

最佳答案

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



要回答您的评论:

在jQuery中,第一个示例为:

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




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

关于html - 如何应用条件CSS选择器,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/28928758/

10-12 00:08
查看更多