如何将引导元素应用于所有它们(childs)？

Question

我想将这个类应用于所有childs元素。

<div class="bg-dark">
    <div class="row mt-5">
    </div>
   <div class="row mt-5">
    </div>
   <div class="row mt-5">
    </div>

当我应用bg-黑暗的那些div不是暗的颜色，我如何可以适用于所有他们？

Answer 1

本例中第一个div的目的是什么？它似乎没有任何其他特性，除了一个黑暗的背景。如果是这样，您就不需要它了，您的代码应该是这样的。

<div class="row bg-dark mt-5">
</div>
<div class="row bg-dark mt-5">
</div>
<div class="row bg-dark mt-5">
</div>

或者，您可以使用最外层的div作为一个具有高度、宽度、边框等的容器，如下所示：

<div class="container w-full flex border">
  <div class="row bg-dark mt-5">
  </div>
  <div class="row bg-dark mt-5">
  </div>
  <div class="row bg-dark mt-5">
  </div>
</div>