Question

我想知道如果B类存在，是否有办法表示A类。在我的情况下，如果“promo_move”存在，我希望“container_inner2”的填充为0px。

我知道如果A存在，有组合子代表B类，但我无法弄清楚是否可能需要。

这是HTML和当前的CSS -

HTML

<div class="container_inner">
<div class="container_inner2 clearfix">
<div class="promo_move">
Some content....
</div>
</div>
</div>

CURRENT CSS

.container_inner .container_inner2 {
padding: 30px;
}

同样，如果promo_move存在，我希望container_inner和container_inner2有0个填充。

如果使用css无法做到这一点，欢迎任何其他解决方案。（这是在Wordpress网站上。所有页面都可以有30px填充，除了一个。）

感谢您的时间。

Answer 1

您的描述非常具有误导性。您的意思是，如果.container_inner和.container_inner2元素都有.promo_move后代，则需要设置其样式。

使用CSS无法做到这一点。由于这是在WordPress网站上，您可以使用jQuery的.has()函数在决定是否应用填充之前过滤元素，如下所示：

$('.container_inner, .container_inner2').has('.promo_move').css('padding', 0);