CSS 是前端開發中不可或缺的一部分，但使用原始 CSS 寫出長長的代碼看起來并不美觀，而且不易維護。Less 是一種 CSS 預處理器，它幫助開發者簡化 CSS 的編寫，使樣式更易于管理。

下面介紹 Less 的用法。

//定義變量
@color: #333;
@bgColor: #fff;
//定義混合器
.border-radius(@radius:5px){
-webkit-border-radius: @radius;
-moz-border-radius: @radius;
border-radius: @radius;
}
//定義嵌套樣式
ul {
li {
color: @color;
&:hover {
background-color: @bgColor;
.border-radius;
}
}
}
//繼承已定義的樣式
.box {
.border-radius;
border: 1px solid black;
}

在 Less 中，可以使用變量定義顏色、大小等常量。通過 @ 符號來定義變量。同時也可以定義一個混合器，即定義一個樣式組，可以在其他樣式中進行引用。

通過 Less 的嵌套語法，可以更加方便地書寫樣式，并且層級更加清晰。

最后，在 Less 中還可以使用繼承已經定義的樣式。只需要使用 . 標識符，即可引用已定義的樣式。

在實際項目中，使用 Less 不僅可以減少樣式代碼量，還可以提升樣式的可維護性，增加代碼的重用性，對于團隊協作也有很大的幫助。