0

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

SCSS 变量组：

.pink {
  $accent: pink;
}

.green {
  $accent: green;
}

.orange {
  $accent: orange;
}

指定要使用的变量组：

<html class="pink">

HTML 文件：

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

部分样式：

section.accent {
  background:$accent;
}

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

4

1 回答 1

2

不，这是不可能的。Sass 被编译成 CSS，然后 CSS 提供给用户。Sass 不知道文档的结构。

你的例子必须写成这样才能使它工作：

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

    .pink & {
        background: pink;
    }

    .green & {
        background: green;
    }
}
于 2013-01-27T17:53:50.820 回答