MENO - Spazi dei nomi custoditi

Descrizione

Quando guard viene applicato allo spazio dei nomi, un mixin definito dallo spazio dei nomi viene utilizzato solo quando la condizione di guardia restituisce true. Ilnamespace guard è simile alla guardia sui mixin.

Esempio

L'esempio seguente dimostra l'uso di spazi dei nomi protetti nel file LESS:

<html>
   <head>
      <link rel = "stylesheet" href = "style.css" type = "text/css" />
      <title>Guarded Namespaces</title>
   </head>

   <body>
      <h2>Welcome to Tutorialspoint</h2>
      <p>This will paragraph be displayed red, when (@color = blue) in style.less 
      and when color is other than blue, then this paragraph will be default black.</p>
   </body>
</html>

Quindi, crea il file style.less .

style.less

@import "http://www.tutorialspoint.com/less/lib.less";
#namespace when (@color = blue) {
   .mixin() {
      color: red;
   }
}

p {
   #namespace .mixin();
}

Il seguente codice importare il lib.less file in style.less dal percorsohttps://www.tutorialspoint.com/less/lib.less percorso -

lib.less

@color: blue;

Puoi compilare style.less in style.css usando il seguente comando:

lessc style.less style.css

Esegui il comando precedente; creerà automaticamente il file style.css con il seguente codice:

style.css

p {
   color: red;
}

Produzione

Segui questi passaggi per vedere come funziona il codice sopra:

  • Salva il codice html sopra nel file less_mixin_guarded_namespaces.html file.

  • Apri questo file HTML in un browser, verrà visualizzato il seguente output.