「$」在CSS中的含義是什麼？

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

這是什麼呢？

來源

2017-04-09 Adan Rodriguez

我建議你使用'css symbols'等標準對這件事進行更多的研究。另外，如果你有任何以上述方式使用'$'的例子，那麼請包括其中的一些。 – toonice

這不是css。它是SASS，SCSS或其他預處理器。 CSS的預處理器。 http://sass-lang.com/

基本上，它是一個變量。所以你可以在其他財產中調用它。

例如。（SCSS）

$c: center; 

.aligncenter { 
    text-align: $c; 
}

SASS

$c: center 

.aligncenter 
    text-align: $c

來源

2017-04-09 06:03:21

作爲上述回答說，這是SASS/SCSS變量，它可以在任何地方在該文件中使用。這將被轉換爲使用GULP的CSS，其中$變量被替換爲原始CSS文件中的CSS值。

來源

2017-04-09 13:05:54

「$」在CSS中的含義是什麼？

回答

相關問題