WENIGER - Regelsätze an Mixins übergeben

Beschreibung

Der getrennte Regelsatz enthält Regelsätze wie Eigenschaften, verschachtelte Regelsätze, Variablendeklaration, Mixins usw. Er wird in einer Variablen gespeichert und in einer anderen Struktur enthalten. Alle Eigenschaften des Regelsatzes werden in diese Struktur kopiert.

Beispiel

Das folgende Beispiel zeigt, wie ein Regelsatz an das Mixin in der LESS-Datei übergeben wird.

passing_ruleset.htm

<!doctype html>
   <head>
      <link rel = "stylesheet" href = "style.css" type = "text/css" />
   </head>

   <body>
      <div class = "cont">
         <h2>Welcome to TutorialsPoint</h2>
         <p>The largest Tutorials Library on the web.</p>
      </div>
   </body>
</html>

Erstellen Sie als Nächstes die Datei style.less .

style.less

@detached-ruleset: {
   .mixin() {
      font-family: "Comic Sans MS";
      background-color: #AA86EE;
   }
};

.cont {
   @detached-ruleset();
   .mixin();
}

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

.cont {
   font-family: "Comic Sans MS";
   background-color: #AA86EE;
}

Ausgabe

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

  • Speichern Sie den obigen HTML-Code in der passing_ruleset.htm Datei.

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

Scoping

Alle Variablen und Mixins in einem getrennten Regelsatz sind überall dort verfügbar, wo der Regelsatz aufgerufen oder definiert wird. Andernfalls sind standardmäßig sowohl der Aufrufer- als auch der Definitionsbereich verfügbar. Der Deklarationsbereich hat Priorität, wenn beide Bereiche dasselbe Mixin oder dieselbe Variable enthalten. Der getrennte Regelsatzkörper ist im Deklarationsbereich definiert. Der Gültigkeitsbereich wird nicht geändert, nachdem der getrennte Regelsatz von einer Variablen in eine andere kopiert wurde.

In der folgenden Tabelle sind alle Arten von Bereichen aufgeführt:

Sr.Nr. Typen & Beschreibung
1 Definition und Sichtbarkeit des Anruferbereichs

Variablen und Mixins werden im getrennten Regelsatz definiert.

2 Durch das Referenzieren wird der Bereich des abgetrennten Regelsatzes nicht geändert

Der Regelsatz gibt nur die Referenzen an und greift nicht auf neue Bereiche zu.

3 Durch das Entsperren wird der Bereich des abgetrennten Regelsatzes geändert

Der getrennte Regelsatz kann auf den Bereich zugreifen, indem er in ihn importiert wird.