Sass--伪类嵌套

其实伪类嵌套和属性嵌套很是相似，只不过他须要借助`&`符号一块儿配合使用。

a {
    &:link,
    &:visited {
        color: blue;
    }
    &:hover {
        color: orange;
    }
    &:active {
        color: red
    }
}

编译出来的 CSS：

a:link, a:visited {
  color: blue;
}
a:hover {
  color: orange;
}
a:active {
  color: red;
}

避免选择器嵌套：

• 选择器嵌套最大的问题是将使最终的代码难以阅读。开发者须要花费巨大精力计算不一样缩进级别下的选择器具体的表现效果。
• 选择器越具体则声明语句越冗长，并且对最近选择器的引用(&)也越频繁。在某些时候，出现混淆选择器路径和探索下一级选择器的错误率很高，这很是不值得。

为了防止此类状况，咱们应该尽量避免选择器嵌套。然而，显然只有少数状况适应这一措施。