MOINS - S'échapper

La description

Il construit des sélecteurs de manière dynamique et utilise une propriété ou une valeur de variable comme chaîne arbitraire.

Exemple

L'exemple suivant illustre l'utilisation de l'échappement dans le fichier LESS -

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

Créez maintenant le fichier style.less .

sans style

p {
   color: ~"green";
}

Vous pouvez compiler le fichier style.less dans style.css à l'aide de 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

p {
   color: green;
}

Tout ce qui est écrit à l'intérieur de ~ "some_text" sera affiché comme some_text après avoir compilé le code LESS en code CSS.

Production

Exécutons maintenant les étapes suivantes pour voir comment fonctionne le code ci-dessus -

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

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