css - 我可以以某种方式覆盖特定孩子的父母风格吗？

Question

我正在开发一个主布局的应用程序，该应用程序具有引导类“容器流体”。

<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;

但是，在其中一个子组件中，我希望删除填充。我制作了一张不太漂亮的图片来显示我的意思，希望对您有所帮助：

我知道我可以将组件放在主标签之外，但是，出于特定原因，我确实需要将它放在里面，这就是为什么我想知道是否可以以某种方式删除单个孩子的父 div 的填充分区。

先感谢您！

标签： cssbootstrap-4less

Answer 1

没关系，我突然想通了：）

我把 style="margin: -15px;" 在子 div 上，效果很好。