MENO - Caricamento lento variabile

Descrizione

Nel caricamento lento, le variabili possono essere utilizzate anche quando non sono dichiarate.

Esempio

Il seguente esempio dimostra l'uso del caricamento lento della variabile nel file LESS -

<html>
   <head>
      <link rel = "stylesheet" href = "style.css" type = "text/css" />
      <title>LESS Lazy Loading</title>
   </head>

   <body>
      <h2>Welcome to Tutorialspoint</h2>
      <p>LESS is a CSS pre-processor.</p>
   </body>
</html>

Ora crea lo style.less .

style.less

p {
   font-size: @a;
   color: #ca428b;
}
@a: @b;
@b: 25px;

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 {
   font-size: 25px;
   color: #ca428b;
}

Produzione

Segui questi passaggi per vedere come funziona il codice sopra:

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

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

Se si definisce una variabile due volte, viene cercata e utilizzata l'ultima definizione della variabile dall'ambito corrente. Per maggiori dettagli clicca qui .