如何根据CSS选择器为较少的CSS变量使用不同的值？

假设您希望对站点的不同部分使用多种颜色方案。静态元素（如标题和导航）应使用给定颜色的变体（使用）。 每个部分的主题名称都作为

类

附加在正文上。所以你可以想到这样的事情：

body {
    &.red {
        @col: #f00;
    }
    &.blue {
        @col: #00f;
    }

    background-color:darken(@col, 5%);
    color:lighten(@col, 20%);

    // & children
}

但是

@col

在

.red

或

.blue

之外不可用：

名称错误：变量@col未定义

是否可以根据css选择器定义变量？ 如果没有，还能做些什么

---

编辑：对不起，这是一个重复的

我认为现在不存在变量，但看起来它们可能会出现：我正在使用，应该更清楚这一点！回答这个问题：不，不是。你需要反过来做。例如，请参阅，等等（有很大的变化，可以通过搜索“主题”和“主题化”找到更多结果）。我看不出上面链接的A作为一个副本如何帮助您（它是非常不同的用例）。