Was bedeutet der hash - ( # ) - Zeichen außerhalb von Schleifen in SASS?

Komme ich gerade über die Verwendung des hash-Zeichen außerhalb einer Schleife in sass und ich bin mir nicht sicher, was es ist oder was der Grund dafür ist.

Was ist der Unterschied zwischen diesen beiden Beispielen bitte? Sie beide Ausgabe die gleichen css-aber die erste nicht zulässt, dass Klassen nur Elemente. Warum ist das erste Beispiel im Einsatz in einigen Orten?

#{h1, h2, h3, h4, h5}
{
  color: #000;
}

h1, h2, h3, h4, h5
{
  color: #000;
}
  • Haben Sie versucht, Blick in die Dokumentation der erste?. (siehe auch: sass-lang.com/documentation/...)
  • Ich habe auf der Suche durch Ihre docs alle morgen und nicht gefunden! Danke für den Hinweis mich zu ihm.
  • Suche die Seite für #{ würde es gefunden haben.
  • Es immer noch nicht meine Frage beantworten wenn. In meiner Frage oben, warum einige schreiben, als das erste Beispiel. Von den docs wie es aussieht ist es nur mit Variablen.
  • Dann vielleicht sollte die Frage anders formuliert. So wie es da steht klingt es so als ob Sie gar nicht verstehen, was interpolation ist (vor allem, da Sie denken, es hat etwas zu tun mit Schleifen, was nicht).
  • Um fair zu sein, ich hatte keine Ahnung, was es für verwendet wurde, wenn ich die Frage gestellt habe.

InformationsquelleAutor Brigante | 2014-07-22
  1. 19

    #{} ist für string-interpolation: http://sass-lang.com/documentation/file.SASS_REFERENCE.html#interpolation_

    Es ist eine Ausnahme, aber: bei Verwendung von #{} interpolation, quoted strings werden ohne Anführungszeichen. Dies macht es einfacher zu nutzen, z.B. Selektor-Namen in Mixins in Verbindung. Zum Beispiel.

    Also diese Technik wird manchmal verwendet, zu ermöglichen, mit sass Werte in Selektoren. E. g.:

    $gutter: 10;

.grid#{$gutter} {
    background: red;
}

    Nun zu deiner Frage. Ich weiß wirklich keinen Grund sehen, warum würde jemand verwenden, die string-interpolation in diesem Selektor:

    #{h1, h2, h3, h4, h5}
{
    color: #000;
}

    Meine beste Vermutung ist, dass die sass-variable, die später Hinzugefügt werden, um das selector oder der Selektor wird komplett ersetzt mit einer Variablen.

    • Danke @jzelenkov sehr hilfreich!!! Und sorry für das nicht-entdecken diese in den docs ersten wie cimmanon hingewiesen!
    • Dies ist tatsächlich eine interessante Frage. Wo hast du das gesehen, dass der sass-code? Oder ist es proprietäre software?
    • Ich habe das in der Typomatic-Bibliothek, nicht genau das gleiche, aber aus der Suche in den docs kann ich nicht sehen, die Notwendigkeit für die Verwendung von interpolation github.com/andrejmlinarevic/typomatic/blob/master/assets/sass/...
    InformationsquelleAutor Jay Zelenkov
Schreibe einen Kommentar