Less 是一種 CSS 預處理器，它擴展了 CSS 語言，使其擁有更多的功能。其中一個最重要的功能是能夠使用變量和嵌套。這意味著可以使用一些已定義的變量來設置 CSS 屬性，以及在樣式規則中嵌套其他樣式規則。

下面是一些 Less 代碼示例用于編寫 CSS：

/* 定義變量 */
@primary-color: #007bff;
/* 使用變量 */
.button {
background-color: @primary-color;
color: #fff;
}
/* 嵌套樣式規則 */
.card {
background-color: #fff;
h2 {
font-size: 28px;
color: @primary-color;
}
p {
font-size: 14px;
line-height: 1.5;
}
}

上面的代碼示例中，我們定義了一個名為 @primary-color 的變量，它的值為 #007bff。然后，我們在 .button 和 .card h2 的樣式規則中使用了這個變量。

此外，我們還嵌套了 .card h2 和 .card p 樣式規則，以便它們成為 .card 樣式規則的一部分。這樣寫可以讓代碼更加整潔且易于維護。

最終，Less 可以編譯成原生的 CSS 代碼，然后在瀏覽器中使用。這種方法可以將我們編寫的代碼轉換成瀏覽器支持的 CSS 代碼，并使其易于使用和管理。