Day13 Sass篇-什麽是变数？

大家好，我是乌木白，今天要介绍的是 Sass 里的变数！

变数是什麽？

变数按照字面上来看，就是一个可以变动的数，那为什麽今天在写 Sass 的时候需要了解变数呢？
以下范例：

.header {
    color: red;
}

.content {
    color: red;
}

.footer {
    color: red;
}

这个在我们一般专案不大时，如果再使用颜色时都会这麽设置，但是今天这个专案完成後，或者是之後要做主色系的调整，你就必须要每个选择器都要做更改，我们使用变数的话，那我们只需要更改最主要的地方即可。

变数示范：

$primary: black;

.header {
    color: $primary;
}

.content {
    color: $primary;
}

.footer {
    color: $primary;
}

这时候在画面上或者是编译出来的内容就会是黑色喔！！

常见变数编译错误

1. 因为 Scss 是一个严谨的程序语言，所以在使用时，记得要加上 ; 及 $ ，不然可能会编译错误喔！
2. 因为程序码是从上到下的去做阅读，建议大家在使用时，记得把自己设定的变数放在最上面，避免读不到的情况！

各位在学习时，一定要试着犯错，才知道问题在哪喔！