MOINS - Fusionner l'espace

La description

La fonction Fusionner l'espace ajoute une valeur de propriété avec l'espace.

Exemple

L'exemple suivant illustre l'utilisation de la fonctionnalité d'espace de fusion dans le fichier LESS -

<!doctype html>
   <head>
      <title>Merge Space</title>
      <link rel = "stylesheet" href = "style.css" type = "text/css" />
   </head>

   <body>
      <h2>Example of Merge Space</h2>
      <p class = "class">Hello World!!!Welcome to Tutorialspoint...</p>
   </body>
</html>

Ensuite, créez le fichier style.less .

sans style

.mixin() {
   transform+_: scale(1);
}

.class {
   .mixin();
   transform+_: rotate(2deg);
}

La fusion utilise + ou +_drapeau pour éviter les jointures inattendues à chaque jointure. La propriété transform modifie l'espace du modèle de mise en forme CSS et peut être utilisée pour faire pivoter, mettre à l'échelle, déplacer, etc. et exécuter d'autres fonctions sur des éléments.

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

.class {
   transform: scale(1) rotate(2deg);
}

Production

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

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

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