问CSS中的“$”是什么意思？

EN

这些是存储颜色属性的SASS (SCSS)变量，以便以后使用。另外，为了给你一个基本的概念，SASS是一个CSS预处理器，它允许你嵌套选择器，使用混合，在变量上存储值，等等。

您可以在codepen CSS部分中看到它(scss)：

​

取自 (请参阅变量)：

认为变量是一种存储信息的方法，您希望在整个样式表中重用这些信息。您可以存储颜色、字体堆栈或任何您认为想要重用的CSS值。Sass使用$符号将某些东西变成变量。下面是一个例子：

$font-stack: Helvetica, sans-serif;
$primary-color: #333;

body {
  font: 100% $font-stack;
  color: $primary-color;
}

如果你想知道SASS和SCSS之间的区别，它的基本语法，请看下面的from docs

有两种语法可用于Sass。第一个称为CSS (Sassy CSS)，在整个参考中使用，它是语法的扩展。这意味着每个有效的CSS样式表都是具有相同含义的有效SCSS文件。此语法通过下面描述的Sass功能得到增强。使用此语法的文件具有.scss扩展名。

第二种更老的语法称为缩进语法(或者有时简称为“CSS ”)，它提供了一种更简洁的方式来编写。它使用缩进而不是方括号来指示选择器的嵌套，并使用换行符而不是分号来分隔属性。使用此语法的文件具有.sass扩展名.

$在SASS中初始化一个变量，这是一种编译为CSS的语言扩展(类似于CoffeeScript编译为JavaScript的方式)，因为CSS本身不具有变量。