2017-04-09 159 views
-2

我在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; 

这是什么呢?

+1

我建议你使用'css symbols'等标准对这件事进行更多的研究。另外,如果你有任何以上述方式使用'$'的例子,那么请包括其中的一些。 – toonice

回答

2

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

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

例如。 (SCSS)

$c: center; 

.aligncenter { 
    text-align: $c; 
} 

SASS

$c: center 

.aligncenter 
    text-align: $c 
2

作为上述回答说,这是SASS/SCSS变量,它可以在任何地方在该文件中使用。这将被转换为使用GULP的CSS,其中$变量被替换为原始CSS文件中的CSS值。