Sass嵌套 ```javascript （1）选择器嵌套； $color1:red; $color2:green; body{ color:$color1; .column { color:$color2; } } 编译 body { color: red; } body .column { color: green; } （2）属性嵌套；--- CSS有些属性的前缀是相同的 （1）border-top、border-right、border-bottom、border-left----“border”； （2）margin-top、margin-right、margin-bottom、margin-left----“margin”； （3）font-family、font-size、font-weight、font-variant-----“font”； font:{ family:Arial; size:14px; weight:bold;} // 嵌套属性前缀加冒号“:” 变成：font-family: Arial; font-size: 14px; font-weight: bold; （3）伪类嵌套；--- 借助“&”符号 $color1:red; $color2:green; a{ color:$color1; &:hover { color:$color2; } } 编译 a{ color: red; } a:hover { color: green; } ```