我的自定义类添加了 Css Bootsraps 类答案

【问题标题】：Css Bootsraps class being addes by my customclass我的自定义类添加了 Css Bootsraps 类
【发布时间】：2021-12-24 01:48:08
【问题描述】：

我有几张大小相同的表，我可以为每个表添加类，但是如何添加多个 Bootstrap 类以应用于一个类？ IE <table class='table table dark> 是我获得当前结果的方式

有没有办法在引导样式的样式表中做到这一点？

所以每次我都使用“引导程序”“表类”我不必去每个表并添加几个类？像这样？

.table {

    table:Table;
    table:table-dark;

}

【问题讨论】：

我不确定我是否理解你，但如果你想创建自己的类，其中包含来自多个 Bootstrap 类的 CSS - 那么你必须检查 Bootstrap.css 的源并创建你自己的一个类。 .. 或使用 jQuery/JS 并始终添加相同的引导类的每个标记。 ...但是你为什么要这样做？ :)

我假设我需要创建自己的课程。我真的只想在一个类中添加几个类。由于bootstrap有预定义的类即表格，那么你可以添加table-dark行我想做的是将样式表上的所有预定义类添加到一个中，所以我只需要添加Class=tabbleAll/

您不能只按名称“添加课程”并创建自己的课程。在 SCSS 中，您可以创建变量，但您无法在 html 中访问它。

【解决方案1】：

如果您使用的是 SCSS 版本的引导程序：(https://getbootstrap.com/docs/5.1/customize/sass/)，您可以将表和 @extend 类定位到您的目标：https://sass-lang.com/documentation/at-rules/extend。

SCSS

.dog {
  color: brown;
}
.bone {
  border: 2px solid #fff;
}

table {
  @extend .dog;
  @extend .bone;
}


table {
  color: brown;
  border: 2px solid #fff;
}

如果您不使用 SCSS，那么您可能需要收集所有需要的样式并将其放置在单个类中以添加到表中，或者仅使用新类定位所有表。

【讨论】：