Less和Sass相同與不同

2022-09-10 17:30:19 字數 626 閱讀 7275

一、less與sass分別是什麼

1、less

less 是一門 css 預處理語言,它擴充套件了 css 語言,增加了變數、mixin、函式等特性,使 css 更易維護和擴充套件,它可以執行在 node 或瀏覽器端。

2、sass

sass 是一款強化 css 的輔助工具,它在 css 語法的基礎上增加了變數 、巢狀 、混合 、匯入 等高階功能,這些拓展令 css 更加強大與優雅。使用 sass 以及 sass 的樣式庫(如compass)有助於更好地組織管理樣式檔案,以及更高效地開發專案。

二、less和sass的相同之處

less和sass在語法上有些共性,比如下面這些:

1、混入(mixins)——class中的class;

2、引數混入——可以傳遞引數的class,就像函式一樣;

3、巢狀規則——class中巢狀class,從而減少重複的**;

4、運算——css中用上數學;

5、顏色功能——可以編輯顏色;

6、名字空間(namespace)——分組樣式,從而可以被呼叫;

7、作用域——區域性修改樣式;

8、j**ascript 賦值——在css中使用j**ascript表示式賦值。

三、less和sass的區別

sass與less對比學習

sass基於ruby語言開發,因此在開發之前必須安裝ruby less只需引入 less 檔案即可開發 sass以 定義變數 less是以 定義變數 sass color fff p less color fff p sass 定義 mixin border bg color bg color 呼叫...

less與sass迴圈對比

直接將之前自己的問題複製過來的,主要是對比less和sass迴圈樣式的用法哪個更好用。for num when num 20 for num 1 for 1 迴圈出來的結果是 width 1 5 width 2 5 如何修改.width num 5 這部分從而達到下面的效果呢?width 5 wid...

CSS擴充套件「less 和」sass「

css擴充套件技術是對css原生 一種擴充套件,其中less和sass就是css擴充套件技術兩種方式,通過擴充套件技術,可以使我們在寫css 時候,更加的方便和快捷。首先要了解css擴充套件技術的含義 擴充套件技術並不是另外一種全新的技術,它是建立在css基礎上進行擴充套件,實現一些css原生 所不...