css - 有没有办法定义别名并在 Sass 或 Less 中使用 CSS 定义

Question

编辑：在不使用@mixinand的情况下实现这种方法@include

目前我正在使用 Sass 作为我的 CSS 预编译器，用于一个大型的全新项目。我承认，我真的很喜欢这个工具背后的想法，当你想将它与@mixin功能一起使用时，它会变得更有用。

我想更快地使用 Sass。我的想法是，为变量分配别名并在 CSS 声明中使用它。考虑以下代码块。

$背景颜色：#F1F2F2；

身体 {
    背景：$背景颜色；
}

在 Sass 中运行良好。但我想实现，

$backgroundColor: "背景：#F1F2F2";

身体 {
    $背景颜色；
}

这个块在 Sass 中返回错误。任何想法，或者是否可以以这种方式使用 Sass？

score 3 · Accepted Answer

@mixin backgroundColor {
    background: #F1F2F2;
}

body {
    @include backgroundColor;
}

应该管用。

score 0 · Accepted Answer

我对 SASS 不太熟悉（不过它很棒），我不知道您是否可以将属性名称分配为变量的值，但是您的缩短方式可能有问题的可能是数据类型问题。由于属性名称和值似乎不是单引号/双引号字符串（并且由于您使用引号），这种情况可能会使 SASS 感到困惑。我认为您应该尝试以下模式：

$backgroundColor: background + : + #F1F2F2;

body {
    $backgroundColor;
}

2 回答 2