sass - 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, tag#id, tag%silentclass, 等），不能扩展嵌套选择器。如果您尝试这样做，错误实际上会告诉您：

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