如果存在“B”类，如何表示“A”类答案

【问题标题】：How to represent "A" class if "B" class is present如果存在“B”类，如何表示“A”类
【发布时间】：2013-11-24 13:20:11
【问题描述】：

我想知道如果存在 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 网站上。除了一个之外，所有页面都可以有 30 像素的内边距。）

感谢您的宝贵时间。

【问题讨论】：

你不能使用 css ...如果促销在之前但不在之后，你可以
你最好的朋友会遇到这个问题的 javascript 和 jQuery
将margin: -30px 提供给.promo_move 而不是将padding: 0px 提供给.container_inner2 怎么样？ fiddle.

【解决方案1】：

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

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

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

【讨论】：