Less是一種CSS預處理器，可以更加方便快捷的編寫CSS代碼。

它的語法與CSS基本相同，但添加了一些額外的功能。以下是Less常用的語法：

// 定義變量
@main-color: #007bff;
// 使用變量
h1 {
color: @main-color;
}
// 嵌套規則
nav {
ul {
margin: 0;
padding: 0;
list-style: none;
li {
display: inline-block;
margin-right: 10px;
a {
text-decoration: none;
color: @main-color;
&:hover {
text-decoration: underline;
}
}
}
}
}
// mixin混合
.border-radius(@radius) {
-webkit-border-radius: @radius;
-moz-border-radius: @radius;
border-radius: @radius;
}
.container {
.border-radius(5px);
}
// 導入文件
@import "reset.css";

使用Less能夠讓CSS代碼更加簡潔明了、易于維護，同時還能夠提高開發效率。除了以上的語法，Less還有許多其他功能，例如運算、函數等，可以極大地方便我們的開發工作。