Lo sblocco modificherà l'ambito del set di regole scollegato

Descrizione

Il set di regole scollegato può accedere all'ambito venendo importato al suo interno.

Esempio

L'esempio seguente mostra lo sblocco. Questo modificherà l'ambito del set di regole scollegato nel file LESS -

passando_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>

Quindi, crea il file style.less .

style.less

#id {
   .style() {
      @detached: { font-style: @font; };
   }
}

.container() {
   @font: italic;
   #id > .style();
}

.cont {
   .container();
   @detached();
}

È possibile compilare il file style.less in style.css utilizzando il seguente comando:

lessc style.less style.css

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

style.css

.cont {
   font-style: italic;
}

Produzione

Segui questi passaggi per vedere come funziona il codice sopra:

  • Salva il codice html sopra nel file passing_ruleset.htm file.

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