Question

我想基于HTML标记上的类来替换使用哪个变量组。所以我想要这样的东西。

SCSS变量组：

.pink {
  $accent: pink;
}

.green {
  $accent: green;
}

.orange {
  $accent: orange;
}

指定要使用的变量组：

<html class="pink">

HTML文件：

<section class="accent"></section>

部分样式：

section.accent {
  background:$accent;
}

因此，在此示例中，该部分将具有粉红色背景。

Answer 1

没有。这是不可能的。 Sass被编译为CSS，并且CSS被提供给用户。 Sass不知道文档是如何构建的。

你的例子必须写成这样的东西才能起作用：

section.accent {
    .orange & {
        background: orange;
    }

    .pink & {
        background: pink;
    }

    .green & {
        background: green;
    }
}

SCSS中的交替变量

1 个答案: