我能否以某种方式覆盖特定 child 的 parents 样式？

Question

我正在开发一个主布局具有 bootstrap class “container-fluid”.

的应用程序

<main class="container-fluid">
  [....]
//a child div where I'd like to remove the parent's padding for this div
   <div>
    [....]
   </div>
</main>

您可能知道，container-fluid 中有填充，非常好，需要它。

    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;

但是，在 child 组件之一中，我希望删除填充。我制作了一张 not-so-pretty 图片来表达我的意思，希望对您有所帮助：

我知道我可以将组件放在主标签之外，但是，出于特定原因我真的需要它在里面，这就是为什么我想知道是否可以以某种方式删除 parent div 单个 child div.

提前致谢！

Answer 1

没关系，我突然想通了:)

我把style="margin: -15px;"在 child div 上，效果非常好。

我能否以某种方式覆盖特定 child 的 parents 样式？

Can I somehow override a parents style for a specific child?

css

less

bootstrap-4