Maison  >  Article  >  interface Web  >  Quelle est la différence entre Sass et Less

Quelle est la différence entre Sass et Less

青灯夜游
青灯夜游original
2018-12-01 09:09:0537547parcourir

La différence entre Sass et Less est la suivante : 1. Less s'exécute sur JS et Sass est utilisé sur Ruby ; 2. La façon dont ils écrivent les variables est différente 3. Seules les valeurs en boucle sont autorisées dans Less, while ; Tout type de données peut être parcouru dans Sass ; 4. Sass a Compass et Less a Preboot.

Quelle est la différence entre Sass et Less

L'environnement d'exploitation de ce tutoriel : système Windows 7, ordinateur Dell G3.

Sass et Less sont tous deux des préprocesseurs CSS, alors quelles sont les différences entre eux ? Cet article vous présentera la différence entre Sass et Less, j'espère qu'il vous sera utile.

Jetons d'abord un coup d'oeilQu'est-ce qu'un préprocesseur CSS ?

Le préprocesseur CSS est un langage de script qui utilise un langage de programmation spécialisé pour concevoir des styles de pages Web, puis les convertit en styles CSS normaux pour créer un style CSS dynamique.

Le préprocesseur CSS ajoute certaines fonctionnalités de programmation au CSS sans avoir à prendre en compte les problèmes de compatibilité du navigateur.

Sass et Less sont deux préprocesseurs CSS courants. Nous pouvons convertir les styles édités par Sass et Less en styles CSS normaux.

Quelle est la différence entre Sass et Less

L'apprentissage des préprocesseurs CSS est similaire. Une fois que nous avons appris un préprocesseur CSS, si nécessaire, passez à un autre préprocesseur CSS. Ce n'est pas difficile.

Jetons un coup d'oeilQuelle est la différence entre Sass et Less

Quelle est la différence entre Sass et Less

1. Moins d'exécutions sur JS et Sass sont utilisées sur Ruby.

Sass est basé sur Ruby et nécessite l'installation de Ruby. Less et Sass sont construits de la même manière dans Ruby, mais ils ont été portés vers JavaScript. Afin d'utiliser LESS, nous pouvons télécharger les fichiers JavaScript applicables sur le serveur ou compiler la table CSS via un compilateur hors ligne.

2. Il existe différentes manières d'écrire des variables.

Sass utilise $, tandis que Less utilise @.

3. Dans Less, seules les valeurs circulaires sont autorisées.

Dans Sass, nous pouvons parcourir n'importe quel type de données. Mais dans Less, nous ne pouvons utiliser que des fonctions récursives pour parcourir les valeurs.

4. Sass a Compass, Less a Preboot

Sass et LESS ont des extensions qui peuvent être utilisées pour intégrer des mixins (la possibilité de stocker et de partager des déclarations CSS tout au long du site) .

Sass dispose de Compass pour les mixins, qui inclut toutes les options disponibles ainsi que les futures mises à jour prises en charge.

LESS a Preboot.less, LESS Mixins, LESS Elements, gs et Frameless. La prise en charge logicielle de LESS est plus fragmentée que celle de Sass, ce qui entraîne de nombreuses options d'extension différentes qui peuvent ne pas fonctionner toutes de la même manière. Pour les projets, nous pouvons avoir besoin de toutes les extensions répertoriées pour obtenir des performances similaires à celles de Compass.

Résumé : Ce qui précède représente l'intégralité du contenu de cet article, j'espère qu'il sera utile à l'étude de chacun.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn