‍‍今天完成的事情

sass嵌套

sass混合器

sass注释

明天的计划

任务十二

遇到的问题

收获

嵌套

‍‍在sass中，除了CSS选择器，属性也可以进行嵌套。尽管编写属性涉及的重复不像编写选择器那么糟糕，但是要反复写border-styleborder-widthborder-color以及border-*等也是非常烦人的。在sass中，你只需敲写一遍border：

nav {  

border: {  

style: solid;  

width: 1px;  

color: #ccc;  

} 

}

嵌套属性的规则是这样的：把属性名从中划线-的地方断开，在根属性后边添加一个冒号:，紧跟一个{ }块，把子属性部分写在这个{ }块中。就像css选择器嵌套一样，sass会把你的子属性一一解开，把根属性和子属性部分通过中划线-连接起来‍‍

属性和选择器嵌套是非常伟大的特性，因为它们不仅大大减少了你的编写量，而且通过视觉上的缩进使你编写的样式结构更加清晰，更易于阅读和开发。

‍‍注释‍‍

‍‍‍‍SASS共有两种注释风格。‍‍

标准的CSS注释 /* comment */ ，会保留到编译后的文件。

‍‍单行注释 // comment，只保留在SASS源文件中，编译后被省略。‍‍

在/*后面加一个感叹号，表示这是"重要注释"。即使是压缩模式编‍‍译，也会保留这行注释，通常可以用于声明版权信息。‍‍‍‍

混合器

混合器使用@mixin标识符定义。看上去很像其他的CSS @标识符，比如说@media或者@font-face。这个标识符给一大段样式赋予一个名字，这样你就可以轻易地通过引用这个名字重用这段样式。

通过@include来使用这个混合器，放在你希望的任何地方‍‍

变量里面使用另一个变量

混合器使用@mixin，利用@include来引用

嵌套

在header里面嵌套一个.getback的class选择器属性和一个h1标签属性