代码之家 › 专栏 › 技术社区 › Ruur

Sass通过引用分配变量

less sass css

Ruur · 技术社区 · 6 年前

让我们举个例子:

$a: red;
$b: $a;

$a: white;

body {
 background-color: $b;
}

此代码编译为:

body {
  background-color: red;
}

我原以为背景色是白色的,就像少了一点。

在Sass中分配变量时,是否有方法传递引用?还是编译器的行为方式?

1 回复 | 直到 6 年前

BENARD Patrick 6 年前

您可以在使用函数时执行类似的操作:

$a: red;

@function b(){
  @return $a;
}

$a: white;

body {
 background-color: b();
}

结果:

body {
  background-color: white;
}

推荐文章

delves · Sass不识别变量

2 年前

Nathan Huber · 如何在React 18中使用“useEffect”

2 年前

Janosz ÐÑÐ°ÑÐ¸ÑÐ½Ð¸Ðº · 如何瞄准这个i标签

2 年前

Henry · scss或css中的calc函数不起作用

2 年前

Nam Van · 如何在React中使用自定义主题颜色。js,CSS(SCSS)模块,Bootstrap5

2 年前

rook99 · 无法加载图标的字体

6 年前

Glen Elkins · SASS新手-不编译

6 年前

Toki · SASS在Sublime Text-Compile main中。保存任何@导入文件时的scss

6 年前

zed · 防止SCS编译CSS变量-Angular CLI

6 年前

sliptype · 使用Webpack提取CSS时抑制模块输出

6 年前