使用SASS在类中嵌套链接

Question

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

.class {
  // First styles
}

a.class:visited {
  // Second styles
}

我可以用这个嵌套：visited伪类，但我不知道如何添加链接元素？

.class {
  // First styles

  &:visited {
    // Second styles
  }
}

Answer 1

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

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

.class {
  // some styles...

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

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