萨斯变量不改变

Question

我试图跟随迈克尔·哈特尔教程中的CSS和我想实现使用SASS从＃999的颜色的名称更改为$黑色的CSS变量

所以这是我从一个引导custom.css.scss

$black: #999; 

我救，我关闭提取的示例代码，我改变什么，我得到的是

h2 { 
    color: #999; 
} 

难道这就像工作这个？我是否必须亲手改变一切？目的不是为了自动改变一切？

编辑1：我鑫卡特，将做到：

$black: #999; 

h2{ 
    color: black 
} 

Basicly全自动从十六进制代码更改为变量名。

Answer 1

CSS（目前）不支持这样的变量，所以当SCSS被编译成CSS它substitiion

因此，如果您SCSS文件是这样的

$black: #999 
h2 { 
    color: $black; 
} 

CSS的输出将是

h2 { 
    color: #999; 
} 

Answer 2

$black: #999; 

h2{ 
    color: $black; 
} 

Answer 3

这不是完全清楚你的要求，但...

如果你定义一个变量，如

$black: #999 

无论你想要的应用color你可以用它。

所以，如果你在你的SCSS文件中定义

h2 {  
    color:$black;  
} 

它将输出

h2 { 
    color:#999; 
} 

在产生 CSS文件

。

如果您决定改变颜色后你可以改变$black在SCSS文件，它会通过遍历到新生成的 css文件。

有了SCSS，你应该从来没有需要编辑CSS文件。

哦，最后一件事......你真的不应该使用变量的实际颜色名称。你应该使用更通用的东西，比如$my_dark_color，因为会有一段时间，$ black`可能会变成真正的深蓝色或其他东西。