使用 SASS 在类中嵌套链接

【问题标题】：Nest a link within a class with SASS使用 SASS 在类中嵌套链接
【发布时间】：2016-04-13 11:33:38
【问题描述】：

如何在 SASS 中嵌套以下内容？

.class {
  // First styles
}

a.class:visited {
  // Second styles
}

我可以用这个嵌套 :visited 伪类，但我不确定如何添加链接元素？

.class {
  // First styles

  &:visited {
    // Second styles
  }
}

【问题讨论】：

标签： sass

【解决方案1】：

我不知道你为什么想要那个，添加 a 可能只是增加了不必要的特异性。如果你真的需要它，那么其他地方可能存在设计缺陷。

也就是说，您可以使用 & 周围的插值使其工作。但是，这并不能真正为您提供预期的结果，因此您还需要 @at-root 才能使其正常工作。

.class {
  // some styles...

  @at-root a#{&}:visited {
    // ...more styles!
  }
}

我认为这不是解决您的问题的最佳方法。使用 Sass 应该会使代码更易于维护。

【讨论】：