Descripción
Al ser referenciado, el conjunto de reglas no obtiene acceso a ningún ámbito nuevo.
Ejemplo
El siguiente ejemplo demuestra el uso de dar referencias. Sin embargo, esto no modifica el alcance del conjunto de reglas separado en el archivo LESS -
pass_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>
A continuación, cree el archivo style.less .
estilo sin
@detached1: {
font-size: @first @second;
};
.first {
@first: 25px;
.second {
@detached2: @detached1;
@second: 30px;
}
}
.cont {
.first > .second();
@detached2();
}
Puede compilar el archivo style.less en style.css usando el siguiente comando:
lessc style.less style.css
Ejecute el comando anterior; obtendrá el siguiente error en el cmd -