Quelle est la principale différence entre la syntaxe Sass et SCSS ?

Quelle est la distinction entre SCSS et Sass ?

Vous avez appris que Sass améliore CSS en ajoutant des fonctionnalités variables et mathématiques. Cependant, qu'est-ce qui distingue Sass de SCSS ?

Sass et sa syntaxe

Sass est un pré-processeur CSS qui introduit des améliorations syntaxiques. Les feuilles de style écrites dans cette syntaxe étendue sont traitées par Sass et transformées en feuilles de style CSS standard. Cependant, Sass n'augmente pas le standard CSS lui-même.

SCSS vs Sass : dévoiler les différences

Selon la documentation Sass :

Syntaxe SCSS :

• Utilise l'extension de fichier .scss
• Superset de CSS, permettant à tous les CSS valides d'être valides dans SCSS
• Familier et populaire en raison de sa ressemblance avec CSS

Sass indenté Syntaxe :

• Syntaxe Sass originale avec l'extension de fichier .sass
• Souvent appelé "Sass"
• Prend en charge les mêmes fonctionnalités que SCSS mais utilise l'indentation au lieu d'accolades et de points-virgules pour le formatage

Remarque importante :

SCSS et Sass s'appuient tous deux sur le Pré-compilateur Sass pour générer du CSS. Ils n'étendent pas directement le standard CSS.

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!