跳至內容

Less(層疊樣的形體)

出自Taiwan Tongues 台語維基
這是此頁批准,以及是最近的修訂。

Less(抑是寫作LESS)是一種由 Alexis Sellier 設計的動態層疊樣的式表語言,受 Sass 所的影響,同時嘛影響著矣 Sass 的新語法:SCSS。

LESS 是開源的,其實頭一个版本的由 Ruby 寫做,但是佇後續的版本內底,Ruby 沓沓仔去予人替換做 JavaScript。因為 JavaScript,LESS 會當佇客戶捀懸頂執行(IE 六 +、Webkit、Firefox), 嘛會使踮服器捀執行(Node . js、Rhino)。

佇語法方面,LESS 佮 CSS 較為接近,一个合法的 CSS 代碼段本身嘛是一段合法的 LESS 代碼段。LESS 提供變數、岫狀、透濫、運算子、函式等一般編程所需要的抽象機制。

變數

LESS 支援自訂變數。佇咧 LESS 中,變數以「@」一開頭,才有值的時陣「:」進行這个價值。經過 LESS 的翻譯,遮的變數終其尾會轉換做符合 CSS 標準的值。

頂面的代碼最終會轉化做下跤的代碼:

透濫

混合允准開發者干焦通過包含類名將一个類當中的所有屬性全部應用於另外一個類,同時嘛會當像函式仝款提供參數使用。

CSS 三並無支援混合,任何重複的代碼著愛佇每一个使用的所在重複編寫,通過 LESS,你會當共彼代碼做復用。

頂懸的代碼將產生下跤的代碼:

岫狀

CSS 支援邏輯上的岫狀,但是在代碼本身並毋是岫狀的。LESS 提供代碼的岫狀。

將產生:

和運算子

LESS 提供了函式用支援複雜的屬性間關係,其函式和 JavaScript 代碼中的函式一一對應,容允 JavaScript 代碼直接操縱傳達過去的值。同時,LESS 內起了基本的運算子,涵起了基本加、減、乘、除,會當對屬性值抑是色水進行計算。

將產生:

比較起來 Sass

Sass 佮 LESS 攏屬於 CSS 的預處理器,攏允准通過一定的抽象手段共開發者的意圖轉化做 CSS 代碼。

LESS 因為啟發於著 Sass,猶毋過 Sass 予人設計做是簡化、擴充 CSS,所以諸如大括號等語法攏予人移除,但是流程控制、繼承等概念予人引入其中;相反,LESS 予人設計做閣較倚 CSS,其語法佮 CSS 本身非常的接近,就按呢一段合法的 CSS 代碼嘛是一段合法的 LESS 代碼。猶毋過新版本的 Sass 仝款將 CSS 式語法引入著其中,號名號做 SCSS(Sassy CSS)。

閣較濟兩項異同可見:https : / / gist . github . com / 六十七孵四千七百二十六(英文)

比較起來 ZUSS

ZUSS 因為啟發於著 LESS,毋過其目的是佮 Java 進行結合,毋才會濫當中無允准來使用 JavaScript 函式,取代之的是 Java 函式。

應用佇網站

LESS 因為以 JavaScript 實現,就按呢若會當佇瀏覽器上進行即時翻譯,嘛會使得首先咧侍服器頂懸翻譯做 CSS 了後閣傳送予瀏覽器。

參考文獻

外部連結

  • 官方網站
  • LESS 原始碼(GitHub)