MENOS - Comentarios

Descripción

Los comentarios hacen que el código sea claro y comprensible para los usuarios. Puede usar tanto el estilo de bloque como los comentarios en línea en el código, pero cuando compila el código LESS, los comentarios de una sola línea no aparecerán en el archivo CSS.

Ejemplo

El siguiente ejemplo demuestra el uso de comentarios en el archivo LESS:

<html>
   <head>
      <title>Less Comments</title>
      <link rel = "stylesheet" type = "text/css" href = "style.css" />
   </head>

   <body>
      <h1>Example using Comments</h1>
      <p class = "myclass">LESS enables customizable, 
      manageable and reusable style sheet for web site.</p>
      <p class = "myclass1">It allows reusing CSS code and 
      writing LESS code with same semantics.</p>
   </body>
</html>

Ahora cree el archivo style.less .

estilo sin

/* It displays the
green color! */
.myclass {
   color: green;
}

// It displays the blue color
.myclass1 {
   color: red;
}

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

lessc style.less style.css

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

style.css

/* It displays the
green color! */
.myclass {
   color: green;
}

.myclass1 {
   color: red;
}

Salida

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

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

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