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。鏈接：不能延長嵌套選擇