内部div有边界-如何在外部div上覆盖类？

Question

大家好-简单的CSS新手问题，但是我似乎无法输入正确的问题来问我的朋友Google。

如果内部div具有添加边框的类，那么如何将该div放入外部div并让该类覆盖这些边界？

整个事情是第三方ListBox。创建它后，我可以在后面的代码中在外部div上添加样式（ClassToOverrideBorders），但无法控制添加边框的内部div。

<style>
.UserControlStyle .ClassWithBorders
{
    border: 1px solid #8e8e8e;
    background: #FFF;
}
</style>

<div class="UserControlStyle ClassToOverrideBorders">
    <div class="ClassWithBorders">
      <bunchofcontent />
    </div>
</div>

我想可以使用jQuery来做到这一点（输入，未经测试）... $('.UserControlStyle > * .ClassToOverrideBorders').removeClass('ClassWithBorders');

有什么想法吗？有关如何实现此目的的文章链接？

Answer 1

您可以使用直接子选择器，并将border属性的值更改为none：

.UserControlStyle.ClassToOverrideBorders > .ClassWithBorders {
    border: none;
}

以这种方式使用3个类名也为规则提供了更高的特异性。