하위 선택자를 확장하는 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 : 중첩 된 선택기

을 확장 할 수 없습니다