SCSS扩展后代选择器的麻烦

Question

我有一种情况，我试图@extend一个后代选择器，但我收到一个错误。样品如下所示。

#font {
    .link{
        font-family: 'Segoe UI Light', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
        ... some other stuff..
    }
}


a, .link {
    @extend #font > .link;
    @extend #state > .link;
    text-decoration: none;
}

Answer 1

首先，第一组代码的选择器实际上是#font .link，而不是#font > .link。

其次，@extend只能扩展简单选择器（tag，.class，#id，%silentclass，tag.class，{{1} }，tag#id等），而不是嵌套选择器。如果您尝试这样做的错误实际上告诉您：

  

无法扩展#font .link：无法扩展嵌套选择器