Il riferimento non modifica l'ambito del set di regole scollegato
Descrizione
Essendo referenziato, il set di regole non ha accesso a nessun nuovo ambito.
Esempio
Il seguente esempio dimostra l'uso di fornire riferimenti. Tuttavia, questo non modifica 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>
<h3>The largest Tutorials Library on the web.</h3>
</div>
</body>
</html>
Quindi, crea il file style.less .
style.less
@detached1: {
font-size: @first @second;
};
.first {
@first: 25px;
.second {
@detached2: @detached1;
@second: 30px;
}
}
.cont {
.first > .second();
@detached2();
}
È possibile compilare il file style.less in style.css utilizzando il seguente comando:
lessc style.less style.css
Esegui il comando precedente; otterrai il seguente errore nel cmd -