如果元素B包含某个类，则在元素A上应用样式

Question

是否可以检查元素的类，查看它是否存在，然后将样式应用于其他类？

示例伪代码：

if (.myClass .myBlock == true) { 
 
    .otherClass { 
 
    display:none 
 
    } 
 
}

Answer 1

这是不可能在这种情况下。但是，您可以通过CSS的级联特性获得类似的结果。

应用类到您的网站的身体：

.another-class { 
    display: none; // hides .another-class by default 
} 

body.special-class { 
    .another-class { 
     display: block; // shows if the body contains .special-class 
    } 
} 

由于生成的输出的特异性为第二个规则走高，.another-class元素将是可见的。

给后面的行类

利用+选择使我们能够显示行after提到的类。这样我们就可以样式下拉菜单弹出，给我们有以下HTML：

.popup { 
 
    display: none; 
 
} 
 

 
.popup:hover { 
 
    display: block; 
 
} 
 

 
.container:hover + .popup { 
 
    display: block; 
 
}

<div class="container">Hover me!</div> 
 
<div class="popup">This is a popup!</div>

恐怕这才是最有可能与CSS。