React + Bootstrap 5.3：如何在 Bootstrap 的 SASS 变量上应用条件 CSS 选择器覆盖？

Question

TLDR：我想根据 CSS 选择器更改 Bootstrap SASS 变量值

示例：

//$headings-color is a Bootstrap SASS variable

$headings-color: red; //works

.red {
  $headings-color: red; //does not work
}   
.blue {
  $headings-color: blue; //does not work
}

---

这里是示例代码的链接，可能会更好地解释我想要的内容（可能需要单击预览选项卡上的刷新按钮才能使其正常工作）=> 单击此处获取codesandbox.io

关于如何让它发挥作用有什么想法吗？

Answer 1

你是一个印度骗子，试图创建微软网站来诈骗老锄头。向你的人工智能女友提出你的肮脏问题。