Errore Sass: i gruppi di selezione non possono essere estesi

Si sta verificando un errore durante il tentativo di compilare il file SCSS in CSS. L'errore riporta: "i gruppi di selezione non possono essere estesi" in riferimento a questa riga @extend .btn, .btn-link;.Errore Sass: i gruppi di selezione non possono essere estesi

Nota: sto importando Bootstrap da utilizzare nel mio file scss principale.

frammento completa:

button { 
    @extend .btn, .btn-link; 
    background-color: $lf-green; 
    color: #fff; 
    font-size: 10px; 
    padding: 2px 5px; 
    text-transform: uppercase; 

    &:hover { 
     background: rgba(5,97,43,0.9); 
     color: #fff; 
     text-decoration: none; 
    } 
}

Che cosa sto facendo di sbagliato?

Grazie!

UPDATE:

Ai posteri: Il motivo non ho potuto fare questo era perché ero utilizzando lib-sass tramite il nodo-sass, che non maglia con la versione corrente di sass disponibile tramite tradizionale significa https://github.com/andrew/node-sass#reporting-sass-compilation-and-syntax-issues.

fonte

2014-04-14 Patrick Beeson

In realtà non è chiaro. Ecco perché ho postato la domanda. Sarebbe più utile se mi colleghi ai documenti in cui questo è coperto. –

I documenti sono una singola pagina, non dovrebbe essere difficile trovarli da soli: http://sass-lang.com/documentation/file.SASS_REFERENCE.html#multiple_extends – cimmanon

Questo non spiega perché funzioni in un'istanza di Sass (ultima versione), e non in un'altra (stessa versione). –

Credo che non sia possibile estendere più selettori in questo modo.

Provare a utilizzare questo:

@extend .btn; 
@extend .btn-link;

Anche se questo sembra un po 'ripetitivo, ma funziona bene nei miei codici.

EDIT: durante la lettura attraverso SASS_REFERENCE, ho scoperto che:

Multiple extends can also be written using a comma-separated list of selectors. For example, @extend .error, .attention is the same as @extend .error; @extend.attention.

ho trovato in the changelog che questo formato è stato introdotto nella versione 3.1.15, quindi suppongo che si sta utilizzando una versione precedente di Sass di quello.

Ti consiglio vivamente di eseguire l'aggiornamento alla versione più recente, in quanto ha un sacco di ottime funzionalità, ma assicurati che i tuoi codici non vengano interrotti da un aggiornamento, anche se la maggior parte delle incongruenze può essere risolta piuttosto facilmente.

fonte

2014-04-14 21:08:10 pentzzsolt

Stranamente, sto usando Sass 3.3.4 (Maptastic Maple), che dovrebbe avere questa capacità. Non sono sicuro che l'utilizzo del generatore di app web Yeoman (grunt-sass) stia comunque cambiando qualcosa. –

Quindi, la separazione dei selettori ha funzionato. Ma non sono sicuro del perché. –

Ah, sembra che ho usato libsass, che potrebbe spiegare le stranezze: https://github.com/andrew/node-sass#reporting-sass-compilation-and-syntax-issues –

-3

Non è possibile estendere più di un selettore.

fonte

2014-04-14 21:22:17 vbotio

Questo è [ovviamente non vero] (http://sass-lang.com/documentation/file.SASS_REFERENCE.html#multiple_extends). – Oliver

Errore Sass: i gruppi di selezione non possono essere estesi

risposta

Problemi correlati