css - 仅当元素具有特定子元素时才向元素添加规则

Question

有没有办法只在元素有某个子元素时才向它添加 CSS 规则？我知道用 CSS 不可能做到这一点，但我不确定是否可以用 LESS 做到这一点。

score 6 · Accepted Answer

如果 CSS 无法实现，那么 LESS 也无法实现，它编译为普通的旧版原生 CSS。

问题是，LESS 是在不了解它所应用的 HTML 的情况下编译的，也没有任何客户端脚本。因此，使用 LESS 无法实现仅使用 CSS 无法实现的任何事情。

您可以通过使用客户端 javascript 来实现您想要的，或者您可以等到 CSS4 出现，然后使用父选择器来达到您想要的效果。

score 6 · Accepted Answer

这在 CSS 或 LESS 中是不可能的。

我建议你最好的选择是 jQuery。

如果您的父元素是.parent并且您的孩子是.child，您可以这样做：

$('.parent:has(.child)').addClass('myClass');

请参阅示例：http: //jsfiddle.net/d8Lz5/

2 回答 2