sass进阶

安装好sass后,接下来是关于sass的学习。关于sass的学习,在sass中文网中可以详细的学习如何使用sass,这里是我整理的精简版的sass的知识。

使用变量

sass让人们受益的一个重要特性就是它为css引入了变量。你可以把反复使用的css属性值 定义成变量,然后通过变量名来引用它们,而无需重复书写这一属性值。或者,对于仅使用过一 次的属性值,你可以赋予其一个易懂的变量名,让人一眼就知道这个属性值的用途。 sass使用$来标识变量,变量声明和css的属性声明很像:

$nav-color: #F90;
nav {
  $width: 100px;
  width: $width;
  color: $nav-color;
}

//编译后

nav {
  width: 100px;
  color: #F90;
}