CSS是一種用于網頁樣式和布局的語言。雖然CSS已經可以滿足我們大多數的樣式需求，但是Less則提供了更高效、更易維護的樣式編寫方式。

Less是CSS的一種預處理器，它允許開發者使用變量、函數等編寫樣式，有效提高了CSS的可維護性。下面是Less的幾種常見用法：

@primary-color: #007bff;
@success-color: #28a745;
@danger-color: #dc3545;
.button {
color: white;
background-color: @primary-color;
&:hover {
background-color: @success-color;
}
&.error {
background-color: @danger-color;
}
}

上述代碼中，我們定義了三種不同顏色，然后在.button類中使用了這些變量做為背景顏色。同時，我們使用“&”符號來代表.button類本身，便于編寫偽類樣式。此外，我們還給.button類增加了一個.error類，以使得錯誤按鈕的樣式更加顯眼。

除了變量外，Less還提供了一些便于編寫樣式的函數。例如，我們在代碼中使用了 darken() 函數來將原本的顏色進行了單色調暗。下面是一個更復雜的例子：

@import "mixins.less";
.box {
color: white;
background-color: @primary-color;
border: 1px solid darken(@primary-color, 10%);
.inner {
padding: 10px;
margin: 10px auto;
text-align: center;
.title {
font-size: 24px;
font-weight: bold;
text-shadow: 1px 1px white;
}
}
}

上述代碼中，我們使用了另一個Less文件 mixins.less，并在樣式表中導入。在.box類中，我們使用了 darken() 函數為邊框顏色做單色調暗，使得邊框更加突顯。此外，我們使用了一個.inner類來描述一個內部區塊，內部區塊中的.title類則定義了標題的樣式。

總的來說，Less提供了更加靈活、高效的樣式編寫方式，這對于大型Web應用而言尤為重要。代碼中的變量、函數等也使得CSS更加可維護，可以更好地應對需求變化。