less入门

@规则嵌套和冒泡：
@ 规则（例如 @media 或 @supports）可以与选择器以相同的方式进行嵌套。 @ 规则会被放在前面，同一规则集中的其它元素的相对顺序保持不变。这叫做冒泡（bubbling）
例：
.component {
width: 300px;
@media (min-width: 768px) {
width: 600px;
@media (min-resolution: 192dpi) {
background-image: url(/img/retina2x.png);
}
}
@media (min-width: 1280px) {
width: 800px;
}
}
转义（Escaping）：
转义（Escaping）允许你使用任意字符串作为属性或变量值。任何 ~“anything” 或 ~‘anything’ 形式的内容都将按原样输出，除非 interpolation

sass常用命令：
改变文件后缀名：sass 文件名.scss 修改后的文件名.css
监视文件变化：sass --watch 文件名.scss:修改后的文件名.css
监视文件夹：sass --watch 文件夹名：另外的文件夹名/文件夹名