相关疑难解决方法(0)

我使用Bootstrap 4.5并bg-dark在我的 HTML 模板中使用。我想实现一个“亮/暗”开关。

所以，Bootstrap 有一个bg-lightcss 类，但我不确定当前的方法如何使用它。让我澄清一下我的困惑：

1. 一旦“开关”打开，我是否应该替换所有出现的bg-darkwith bg-light？

2. 如果我想稍微修改的颜色bg-light和bg-dark，是“主题化”的正确方法？我找不到任何示例来覆盖这些变量（通过 SASS），除了在我的 CSS 中手动覆盖它们，例如.bg-dark { ... }

非常感谢！

是否可以使用:root带有 ID 或类的选择器？我正在尝试翻转不同页面上的颜色。

:root {
  --color-one: red;
  --color-two: blue;
}

/* Can something like this happen? */
.posts:root {
  --color-one: green;
  --color-two: yellow;
}

我想在引入类时覆盖根变量。我知道我可以用 JS 实现，但如果可能的话我想使用纯 CSS。

干杯!