简单总结一下第一天学习Sass的知识点

1.变量声明

用$符号标识变量，任何css的属性值都可以作为变量值 。

$nav-color: #F90; //全局变量声明
nav {
  $width: 100px; //块级作用域变量声明 
  width: $width; //变量使用
  color: $nav-color;
}

　　2.可以嵌套使用

#content {
//嵌套使用
  article {
    h1 { color: #333 }
    p { margin-bottom: 1.4em }
  }
  aside { background-color: #EEE }
}

　　3.父选择器标识符&

主要是解决程序员写伪类、伪元素时候的不便，比如：

//一般人的思维和写法（这样写是不对的）
article a {
  color: blue;
  :hover { color: red }
}

　　应改为：

// 这样sass才能正确的解开sass自己的嵌套规则
article a {
  color: blue;
  &:hover { color: red } // &代表父级选择器（这里&符号表示的是：article a）
}