css - 内部类的属性的 SaSS 语法？

Question

我有 .post、.share、.tag 的样式，如下所示:

.post {
  ... // style for .post
}
.share {
  ... // style for .share
}
.post {
  ... //style for .tag
}

所以，我想要 a.post、a.share、a.tag 的样式。上面的.post, .share, .tag 语法里面有什么办法可以写吗？或者我必须把它写在单独的外面，比如:

a.post {}
a.share {}
a.tag {}

Answer 1

您可以在与号 #{&} 上使用字符串插值，还需要 @at-root 用于嵌套的串联选择器。

.post {
    @at-root a#{&} {
       display: block;
    }
}

DEMO