MENOS - Alcance

Descripción

El alcance de la variable especifica el lugar de la variable disponible. Las variables se buscarán desde el ámbito local y, si no están disponibles, el compilador buscará desde el ámbito principal.

Ejemplo

El siguiente ejemplo demuestra el uso de espacios de nombres y descriptores de acceso en el archivo LESS:

<html>
   <head>
      <title>Less Scope</title>
      <link rel = "stylesheet" type = "text/css" href = "style.css" />
   </head>
   
   <body>
      <h1>Example using Scope</h1>
      <p class = "myclass">LESS enables customizable, 
      manageable and reusable style sheet for web site.</p>
   </body>
</html>

Ahora cree el archivo style.less .

estilo sin

@var: @a;
@a: 15px;

.myclass {
   font-size: @var;
   @a:20px;
   color: green;
}

Puede compilar el archivo style.less en style.css usando el siguiente comando:

lessc style.less style.css

Ejecute el comando anterior; creará el archivo style.css automáticamente con el siguiente código:

style.css

.myclass {
   font-size: 20px;
   color: green;
}

Salida

Siga estos pasos para ver cómo funciona el código anterior:

  • Guarde el código html anterior en el scope.html archivo.

  • Abra este archivo HTML en un navegador, se mostrará el siguiente resultado.