jquery - 如何选择和修改 "standalone"类？

Question

在引导样式表中，定义的类如下:

.a { ... }
.b { ... }
.a>.b { .... }

我想选择.b并更改其颜色，但我不希望这影响类 b在.a>.b ，即我想要 .a>.b 的样式保持不变。

这可以在 jQuery 中完成吗？

a 的示例和b在 Bootstrap 中是 panel-default和panel-heading分别。

Answer 1

使用:not()伪类选择器以避免某些元素。

JQuery:

$('.b:not(.a>.b)')

CSS:

.b:not(.a>.b){ ... }