WENIGER - Flucht

Beschreibung

Es erstellt Selektoren dynamisch und verwendet Eigenschaften oder Variablenwerte als beliebige Zeichenfolge.

Beispiel

Das folgende Beispiel zeigt die Verwendung von Escapezeichen in der WENIGER Datei -

<html>
   <head>
      <title>Less Escaping</title>
      <link rel = "stylesheet" type = "text/css" href = "style.css" />
   </head>
   
   <body>
      <h1>Example using Escaping</h1>
      <p>LESS enables customizable, manageable and reusable style sheet for web site.</p>
   </body>
</html>

Erstellen Sie nun die Datei style.less .

style.less

p {
   color: ~"green";
}

Sie können die Datei style.less mit dem folgenden Befehl in style.css kompilieren :

lessc style.less style.css

Führen Sie den obigen Befehl aus. Die Datei style.css wird automatisch mit dem folgenden Code erstellt:

style.css

p {
   color: green;
}

Alles, was in ~ "some_text" geschrieben ist, wird nach dem Kompilieren des LESS-Codes in CSS-Code als some_text angezeigt .

Ausgabe

Lassen Sie uns nun die folgenden Schritte ausführen, um zu sehen, wie der obige Code funktioniert:

  • Speichern Sie den obigen HTML-Code in der escaping.html Datei.

  • Öffnen Sie diese HTML-Datei in einem Browser. Die folgende Ausgabe wird angezeigt.