Was ist der Unterschied zwischen Sass und Less?

Der Unterschied zwischen Sass und Less ist: 1. Less läuft auf JS und Sass wird auf Ruby verwendet. 2. Die Art und Weise, wie sie Variablen schreiben, ist unterschiedlich. 3. In Less sind nur Schleifenwerte zulässig Jede Art von Daten kann in Sass 4 durchlaufen werden. Sass verfügt über Compass und Less über Preboot.

Die Betriebsumgebung dieses Tutorials: Windows 7-System, Dell G3-Computer.

Sass und Less sind beide CSS-Präprozessoren, was sind also die Unterschiede zwischen ihnen? Dieser Artikel wird Ihnen den Unterschied zwischen Sass und Less vorstellen und hoffe, dass er Ihnen hilfreich sein wird.

Werfen wir zunächst einen Blick daraufWas ist ein CSS-Präprozessor?

Der CSS-Präprozessor ist eine Skriptsprache, die eine spezielle Programmiersprache zum Entwerfen von Webseitenstilen verwendet und diese dann in normale CSS-Stile umwandelt, um einen dynamischen CSS-Stil zu erstellen.

Der CSS-Präprozessor fügt CSS einige Programmierfunktionen hinzu, ohne dass Probleme mit der Browserkompatibilität berücksichtigt werden müssen.

Sass und Less sind zwei gängige CSS-Präprozessoren. Wir können die von Sass und Less bearbeiteten Stile in normale CSS-Stile konvertieren.

Das Erlernen eines CSS-Präprozessors ist ähnlich. Wenn nötig, wechseln wir zu einem anderen CSS-Präprozessor.

Lassen Sie uns einen Blick darauf werfenWas ist der Unterschied zwischen Sass und Less

1. Weniger Läufe auf JS und Sass wird auf Ruby verwendet.

Sass basiert auf Ruby und erfordert die Installation von Ruby. Less und Sass sind in Ruby ähnlich aufgebaut, wurden jedoch auf JavaScript portiert. Um LESS zu nutzen, können wir die entsprechenden JavaScript-Dateien auf den Server hochladen oder die CSS-Tabelle über einen Offline-Compiler kompilieren.

2. Es gibt verschiedene Möglichkeiten, Variablen zu schreiben.

Sass verwendet $, während Less @ verwendet.

3. In Less sind nur zirkuläre Werte zulässig.

In Sass können wir über jede Art von Daten iterieren. Aber in Less können wir rekursive Funktionen nur verwenden, um Werte zu durchlaufen.

4. Sass hat Compass, Less hat Preboot

Sass und LESS haben Erweiterungen, die zur Integration von Mixins verwendet werden können (die Möglichkeit, CSS-Deklarationen überall zu speichern und zu teilen). Website) .

Sass verfügt über Compass für Mixins, der alle verfügbaren Optionen sowie zukünftige unterstützte Updates enthält.

LESS verfügt über Preboot.less, LESS Mixins, LESS Elements, gs und Frameless. Die Softwareunterstützung für LESS ist stärker fragmentiert als für Sass, was zu vielen verschiedenen Erweiterungsoptionen führt, die möglicherweise nicht alle auf die gleiche Weise funktionieren. Für Projekte benötigen wir möglicherweise alle aufgeführten Erweiterungen, um eine ähnliche Leistung wie Compass zu erzielen.

Zusammenfassung: Das Obige ist der gesamte Inhalt dieses Artikels, ich hoffe, dass er für das Studium aller hilfreich sein wird.

Das obige ist der detaillierte Inhalt vonWas ist der Unterschied zwischen Sass und Less?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!