WENIGER - Umfang

Beschreibung

Der Variablenbereich gibt den Ort der verfügbaren Variablen an. Die Variablen werden im lokalen Bereich durchsucht. Wenn sie nicht verfügbar sind, sucht der Compiler im übergeordneten Bereich.

Beispiel

Das folgende Beispiel zeigt die Verwendung von Namespaces und Accessoren in der LESS-Datei.

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

Erstellen Sie nun die Datei style.less .

style.less

@var: @a;
@a: 15px;

.myclass {
   font-size: @var;
   @a:20px;
   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. es wird die erstellen style.css Datei automatisch mit dem folgenden Code -

style.css

.myclass {
   font-size: 20px;
   color: green;
}

Ausgabe

Befolgen Sie diese Schritte, um zu sehen, wie der obige Code funktioniert -

Speichern Sie den obigen HTML-Code in der scope.html Datei.
Öffnen Sie diese HTML-Datei in einem Browser. Die folgende Ausgabe wird angezeigt.