Less是一個(gè)CSS預(yù)處理器，它擴(kuò)展了CSS語(yǔ)言，并添加了許多有用的功能，例如變量、函數(shù)、嵌套、混合和運(yùn)算符等。通過(guò)使用Less，我們可以更方便地編寫(xiě)和維護(hù)CSS代碼。

// 定義變量
@primary-color: #007bff;
// 使用變量
button {
background-color: @primary-color;
color: white;
}
// 定義混合
.border-radius(@radius: 4px) {
-webkit-border-radius: @radius;
-moz-border-radius: @radius;
border-radius: @radius;
}
// 使用混合
.button {
.border-radius;
}
// 定義嵌套
nav {
ul {
margin: 0;
padding: 0;
list-style: none;
li {
display: inline-block;
a {
padding: 6px 12px;
text-decoration: none;
}
}
}
}
// 使用運(yùn)算符
@base-padding: 10px;
.button {
padding: @base-padding * 2;
}

Less還提供了許多其他功能，如導(dǎo)入文件、操作顏色、條件語(yǔ)句等。在使用Less時(shí)，我們需要安裝Less編譯器，將Less代碼編譯成普通的CSS代碼進(jìn)行使用。