sass的简介，安装，语法。

一，sass的简介

1，Sass彻底兼容全部版本的CSS。咱们对此严格把控，因此你能够无缝地使用任何可用的CSS库。

2，Sass已经通过其核心团队超过8年的精心打造。

3，有无数的框架使用Sass构建。好比Compass，Bourbon，和Susy。

 

二，sass的语法

1，使用变量

1. sass让人们受益的一个重要特性就是它为css引入了变量。你能够把反复使用的css属性值 定义成变量，而后经过变量名来引用它们，而无需重复书写这一属性值。或者，对于仅使用过一 次的属性值，你能够赋予其一个易懂的变量名，让人一眼就知道这个属性值的用途。
2. sass使用$符号来标识变量(老版本的sass使用!来标识变量。改为$是多半由于!highlight-color看起来太丑了。)，好比$highlight-color和$sidebar-width。为何选择$ 符号呢？由于它好认、更具美感，且在CSS中并没有他用，不会致使与现存或将来的css语法冲突。

 2，变量声明

sass变量的声明和css属性的声明很像：

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

//编译后

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

3，变量引用

4，嵌套CSS 规则$highlight-color: #F90;
$highlight-border: 1px solid $highlight-color;
.selected {
  border: $highlight-border;
}

//编译后

.selected {
  border: 1px solid #F90;
}

#content {
  article {
    h1 { color: #333 }
    p { margin-bottom: 1.4em } } aside { background-color: #EEE } }

/* 编译后 */
#content article h1 { color: #333 }
#content article p { margin-bottom: 1.4em }
#content aside { background-color: #EEE }

5，父选择器的标识符&

article a {
  color: blue;
  &:hover { color: red }
}

/* 编译后 */

article a { color: blue }
article a:hover { color: red }

sass官方地址：https://www.sass.hk/