Less是一種CSS處理器，它允許開發者使用類似編程語言的方式來編寫CSS。Less提供了許多便利的功能，如變量、嵌套規則、函數、運算符等等。使用Less可以讓CSS代碼更加簡潔、易于維護。

下面是一個使用Less編寫的簡單示例：

@primary-color: #333;
.button {
color: @primary-color;
&:hover {
color: darken(@primary-color, 10%);
}
}

在這個示例中，我們定義了一個變量@primary-color，然后在.button選擇器中使用了它。同時，我們使用嵌套規則來簡化了:hover偽類的使用。最后，我們使用了Less提供的函數darken來將顏色變暗。

要使用Less，我們需要將Less代碼編譯成常規的CSS代碼。我們可以使用許多工具來實現這一點，如Less.js、npm等。下面是一個使用npm安裝并使用Less的步驟：

// 安裝Less
npm install less --save-dev
// 在樣式文件中引入Less文件
@import 'style.less';
// 在package.json中添加編譯腳本
"scripts": {
"compile-less": "lessc style.less style.css"
}
// 編譯Less
npm run compile-less

在執行npm run compile-less命令后，Less代碼將被編譯成CSS代碼，并存儲在style.css文件中。我們可以在HTML頁面中使用這個CSS文件來呈現頁面。