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

1.变量声明

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

//变量使用
$nav-color: #F90;
nav {
  $width: 100px;
  width: $width;
  color: $nav-color;
}
//编译后
nav {
  width: 100px;
  color: #F90;
}

　　2.可以嵌套使用

#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 }

　　3.父选择器标识符&

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

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

　　应改为：

// 这样scss才能正确的解开scss自己的嵌套规则
article a {
  color: blue;
  &:hover { color: red }
}