就像我们一样：
<span class="text-primary">some text</span>
我想知道是否有办法做到：
<span class="text-red-300">some text</span>
red-300 是 bootstrap 5 自定义颜色，以下链接中还有其他颜色。https://getbootstrap.com/docs/5.0/customize/color/ https://getbootstrap.com/docs/5.0/customize/color/
没有办法使用$red-300直接在CSS。只能使用 SASS 因为$red-300是一个 SASS 变量。
然而，基色也可以作为CSS 变量 https://getbootstrap.com/docs/5.0/customize/css-variables/。例如，--bs-red是相同的$red and $red-500。所以，它可以像这样用作 CSS 变量......
.text-red-500 {
color: var(--bs-red);
}
CSS Demo https://codeply.com/p/iaBeF8lIij
如果你想使用SASS for $red-300，它会这样完成：
@import "functions";
@import "variables";
.text-red-300 {
color: $red-300;
}
SASS演示 https://codeply.com/p/yKEhpHSbhv
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
