css - 明智地设置css变量的值

Question

我正在尝试根据另一个变量更改 CSS 变量的值。我想检查变量的当前值是否为白色，然后将其设置为黑色...在某些类中假设我的变量是--default-var，--default-var 的值可以是任何颜色...。如果值为default-var 是白色然后将其更改为黑色我试过

.my-class{
   @if var(--default-var) == #fff{
            --default-var : #000;
        }
}

我也试过

.my-class{
   @if --default-var == #fff{
            --default-var : #000;
        }
}

这两种情况都不起作用..请帮忙。

标签： csssass

Answer 1

这里的最佳实践是创建两个具有不同 CSS 值的类，然后使用 C# Razor 或 Javascript 等逻辑切换类。这样可以保持阅读更干净。