将引导程序 4 类应用于表中的多个 td

Question

是否有任何方法或解决方法可以将多个 twitter bootstrap 4.5 类应用于多个 td 标签而不重复它们或使用 jquery？我只是想避免用 html 协议编写的大量数据。

例如，具有以下类的 500 行（还有更多，只是一个例子）

   <td class="align-middle text-center bg-dark text-light">

随便写点什么

   <td class="my-collection-of-bs-classes">

Answer 1

使用 sass 非常简单，只需使用 @extend

.my-collection-of-bs-classes {
  @extend .align-middle;
  @extend .text-center;
  @extend .bg-dark;
  @extend .text-light;
}