有没有一种有效的方法可以通过CDN覆盖Bootstrap5中的CSS变量（CSS自定义属性）？

我通过CDN包括Bootstrap5，如下所示：

<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-wEmeIV1mKuiNpC+IOBjI7aAzPcEZeedi5yW5f2yOq55WWLwNGmvvx4Um1vskeMj0" crossorigin="anonymous">

我的目标： 我想将我的引导颜色的颜色从默认蓝色更改为一些红色。 听起来很简单，对吧？ 事实并非如此：如果您首先包括boostrap CDN，然后是您自己的css（您应该这样做），然后添加代码

--bs二级：rgb（243、113、33）

.btn secondary

的颜色不变

为了更改

.btn secondary

的颜色，我必须手动更改此类的css。如果要更改5种颜色或其他变量，这可能会非常低效

因此，我的问题是：

---

是否有一种简单的方法可以通过CDN使用Bootstrap5覆盖自定义属性（=css变量）？

在哪里添加代码？不，不使用css变量。基本上，CSS变量是只读的。您可以使用它们来创建新类，但不能更改现有的引导类。自定义引导颜色需要SASS或大量自定义CSS。