LESS - 概述

LESS 是一種 CSS 預處理器，它可以為網站建立可定製、可管理和可重用的樣式表。LESS 是一種動態樣式表語言，它擴充套件了 CSS 的功能。LESS 也是跨瀏覽器友好的。

CSS 預處理器是一種指令碼語言，它擴充套件了 CSS 並編譯成常規的 CSS 語法，以便 Web 瀏覽器可以讀取它。它提供了諸如變數、函式、混入和運算之類的功能，允許您構建動態 CSS。

為什麼選擇 LESS？

現在讓我們瞭解一下我們為什麼要使用 LESS。

• LESS 支援更快、更輕鬆地建立更簡潔、跨瀏覽器友好的 CSS。

• LESS 是用 JavaScript 設計的，並且旨在用於即時編譯，其編譯速度比其他 CSS 預處理器更快。

• LESS 以模組化的方式保持程式碼，這非常重要，因為它使程式碼更易於閱讀和更改。

• 透過使用 LESS 變數可以實現更快的維護。

歷史

LESS 由Alexis Sellier於 2009 年設計。LESS 是開源的。LESS 的第一個版本是用 Ruby 編寫的；在後面的版本中，Ruby 的使用被 JavaScript 替代了。

特性

• 可以用一種有條理的方式編寫更簡潔、更易讀的程式碼。

• 我們可以定義樣式，並可以在整個程式碼中重用它。

• LESS 基於 JavaScript，是 CSS 的超集。

• LESS 是一種敏捷工具，它解決了程式碼冗餘的問題。

優點

• LESS 可以輕鬆生成可在各種瀏覽器中執行的 CSS。

• LESS 透過使用巢狀使您可以編寫更好、更有條理的程式碼。

• 透過使用變數可以實現更快的維護。

• LESS 使您可以透過在規則集中引用它們來輕鬆重用整個類。

• LESS 提供了運算的使用，這使得編碼速度更快，並節省了時間。

缺點

• 如果您不熟悉 CSS 預處理，那麼學習它需要一些時間。

• 由於模組之間的緊密耦合，需要付出更多努力來重用和/或測試依賴模組。

• 與像 SASS 這樣的較舊的預處理器相比，LESS 的框架較少，SASS 包含Compass、Gravity和Susy等框架。