html - 如果存在 "A"类，如何表示 "B"类

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>

当前的 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);