如何选择和修改＆＃34;独立＆＃34;类？

Question

在bootstrap样式表中，有类定义如下：

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

我想选择.b并更改其颜色，但我不希望这会影响b中的课程.a>.b，即我想要.a>.b的样式1}}保持不变。

这可以在jQuery中完成吗？

引导程序中a和b的示例分别为panel-default和panel-heading。

Answer 1

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

JQuery：

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

CSS：

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