LESS是一種CSS預處理器，它擴展了CSS的語法，使得CSS更加簡單和易于維護。下面是LESS的幾個主要作用。

//變量
@primary-color: #3498db;
@secondary-color: #e74c3c;
//使用變量
.button {
background-color: @primary-color;
color: @secondary-color;
}
//嵌套
nav {
ul {
list-style: none;
li {
display: inline-block;
a {
text-decoration: none;
color: @primary-color;
}
}
}
}
//混入
.border-radius(@radius) {
-webkit-border-radius: @radius;
-moz-border-radius: @radius;
border-radius: @radius;
}
.btn {
.border-radius(5px);
}
//函數
@baseFontSize: 16px;
@fontScale: 1.618;
baseFontSize() {
font-size: @baseFontSize;
}
h1 {
font-size: baseFontSize() * @fontScale;
}

通過使用變量，我們可以避免多次寫入相同的顏色、尺寸等屬性值，并且可以更容易地更改它們。通過嵌套，我們可以更直觀地理解HTML的結構，避免選擇器的沖突。通過混入，我們可以將重復的樣式代碼抽象成一個混入模板，以便重用。通過函數，我們可以更加靈活地計算和處理CSS。