MOINS - Noms de variables

La description

Nous pouvons définir les variables avec un nom de variable constitué d'une valeur.

Example

L'exemple suivant illustre l'utilisation d'une variable contenant une autre variable dans le fichier LESS -

<html>
   <head>
      <link rel = "stylesheet" href = "style.css" type = "text/css" />
      <title>LESS Variable Names</title>
   </head>

   <body>
      <div class = "myclass">
         <h2>Welcome to Tutorialspoint</h2>
         <p>LESS is a CSS pre-processor that enables customizable, 
         manageable and reusable style sheet for web site.</p>
      </div>
   </body>
</html>

Créez maintenant le fichier style.less .

sans style

.myclass {
   @col: #ca428b;
   @color: "col";
   background-color: @@color;
}

Vous pouvez compiler le style.less en style.css en utilisant la commande suivante -

lessc style.less style.css

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

style.css

myclass {
   background-color: #ca428b;
}

Output

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

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

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