什么＆＃34; $＆＃34; CSS中的意思？

Question

我看到＆＃34; $＆＃34;很多CSS。

以下是例子：

$bg-color: #F1E9DA;
$link-text-color: #fff;
$button-bg-1: #541388;
$button-bg-2: #D90368;
$button-bg-3: #104547;
$button-bg-4: #4F000B;
$button-bg-5: #F28123;
$border-radius: 6px;
$overlay-color: #fff;

这是做什么的？

Answer 1

这不是css。它是SASS，SCSS或其他预处理器。 CSS的预处理器。 http://sass-lang.com/

基本上，它是一个变量。所以你可以在其他财产中调用它。

例如。 （SCSS）

$c: center;

.aligncenter {
  text-align: $c;
}

SASS

$c: center

.aligncenter
  text-align: $c

Answer 2

如上面的答案所说，它是SASS / SCSS变量，可以在该文件中的任何地方使用。这将使用GULP转换为CSS，其中$变量将替换为原始CSS文件中的CSS值。