MOINS - Commentaires

La description

Les commentaires rendent le code clair et compréhensible pour les utilisateurs. Vous pouvez utiliser à la fois le style de bloc et les commentaires en ligne dans le code, mais lorsque vous compilez le code LESS, les commentaires sur une seule ligne n'apparaissent pas dans le fichier CSS.

Exemple

L'exemple suivant illustre l'utilisation de commentaires dans le fichier 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>

Créez maintenant le fichier style.less .

sans style

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

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

Vous pouvez compiler le fichier style.less dans style.css à l'aide de la commande suivante -

lessc style.less style.css

Exécutez maintenant la commande ci-dessus; il créera automatiquement le fichier style.css avec le code suivant -

style.css

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

.myclass1 {
   color: red;
}

Production

Suivez ces étapes pour voir comment fonctionne le code ci-dessus -

  • Enregistrez le code html ci-dessus dans le comments.html fichier.

  • Ouvrez ce fichier HTML dans un navigateur, la sortie suivante s'affichera.