LESS 是一種 CSS 預處理器，它擴展了 CSS 的功能，讓開發者能夠寫出更簡潔、更可維護的樣式表。它允許使用變量、混入、嵌套等功能，這些功能使得 CSS 的編寫變得更加靈活和高效。
LESS 的基本功能：
變量：可以定義變量來存儲顏色、字體、尺寸等常用值，便於重用和修改。
less
@primary-color: #4CAF50;
body {
color: @primary-color;
}
嵌套：支持樣式的嵌套，使得代碼結構更清晰，與 HTML 標籤層級更對應。
less
nav {
ul {
list-style-type: none;
}
li {
display: inline-block;
}
}
混入（Mixins）：可以定義可重用的樣式塊，並在其他地方調用，支持參數傳遞。
less
.border-radius(@radius) {
-webkit-border-radius: @radius;
border-radius: @radius;
}
.box {
.border-radius(10px);
}
運算：支持數學運算，方便計算尺寸、間距等。
less
@width: 100px;
@height: 200px;
.box {
width: @width;
height: @height;
margin-left: @width + @height;
}
導入：可以將其他 LESS 文件導入，實現樣式的分割與管理。
less
@import "variables.less";
優點：
簡潔易讀：通過變量、混入和嵌套，使 CSS 更簡潔、易讀。
可維護性高：使用 LESS，可以輕鬆修改全局樣式，減少重複代碼。
增強功能：支持動態計算、條件語句等，讓 CSS 更加靈活。