Sass-Fehler: Selektor-Gruppen dürfen nicht erweitert werden

Ich bekomme einen Fehler beim Versuch, meine SCSS-Datei in CSS zu kompilieren. Der Fehler lautet: "Selektorgruppen dürfen nicht erweitert werden" in Bezug auf diese Zeile @extend .btn, .btn-link;.Sass-Fehler: Selektor-Gruppen dürfen nicht erweitert werden

Hinweis: Ich importiere Bootstrap, um in meiner Haupt-scss-Datei zu verwenden.

Voll Schnipsel:

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; 
    } 
}

Was mache ich falsch?

Danke!

UPDATE:

für die Nachwelt: Der Grund, warum ich konnte das nicht tun, weil ich wurde mit lib-Sass über die Knoten-Sass, die nicht mit der aktuellen Version von Sass durch traditionelle verfügbar ist Netz bedeutet https://github.com/andrew/node-sass#reporting-sass-compilation-and-syntax-issues.

Quelle

2014-04-14 Patrick Beeson

Es ist eigentlich nicht klar. Deshalb habe ich die Frage gestellt. Es wäre hilfreicher, wenn Sie mich mit den Dokumenten verbinden würden, in denen dies behandelt wird. –

Die Dokumente sind eine einzelne Seite, es sollte nicht schwer sein, sie auf eigene Faust zu finden: http://sass-lang.com/documentation/file.SASS_REFERENCE.html#multiple_extengs – cimmanon

Dies erklärt nicht, warum es funktioniert eine Instanz von Sass (neueste Version), und nicht in einer anderen (dieselbe Version). –

Ich glaube, dass Sie mehrere Selektoren auf diese Weise nicht erweitern können.

Versuchen Sie dies mit:

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

Obwohl das scheint etwas eintönig, sondern arbeitet in meine Codes in Ordnung.

EDIT: während er durch SASS_REFERENCE Lesen, fand ich, dass:

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.

Ich habe es in the changelog, dass dieses Format wurde erstmals in Version 3.1.15, so dass ich nehme an, Sie verwenden eine ältere Version von Sass gefunden als die.

Ich empfehle Ihnen dringend, auf die neueste Version zu aktualisieren, da es viele großartige Funktionen hat, stellen Sie nur sicher, dass Ihre Codes durch ein Update nicht beschädigt sind, obwohl die meisten Inkonsistenzen recht einfach gelöst werden können.

Quelle

2014-04-14 21:08:10 pentzzsolt

Seltsamerweise verwende ich Sass 3.3.4 (Maptastic Maple), die diese Fähigkeit haben sollte. Ich bin mir nicht sicher, ob sich mit dem Yeoman Web-App-Generator (Grunz-Sass) etwas ändert. –

Also, trennte die Selektoren funktioniert. Aber ich bin mir nicht sicher warum. –

Ah, sieht aus wie ich libsass verwendet, die die Kuriositäten erklären könnte: https://github.com/andrew/node-sass#reporting-sass-compilation-and-syntax-issues –

-3

Sie können nicht mehr als einen Selektor erweitern.

Quelle

2014-04-14 21:22:17 vbotio

Das ist [offensichtlich nicht wahr] (http://sass-lang.com/documentation/file.SSASS_REFERENCE.html#multiple_extends). – Oliver

Sass-Fehler: Selektor-Gruppen dürfen nicht erweitert werden

Antwort

Verwandte Themen