自定義CSS語法是CSS的一種擴展語法，可以通過預處理器來轉換為標準CSS代碼。它可以幫助開發人員寫出更具可讀性、維護性和可重用性的代碼，加快開發速度。下面介紹幾種自定義CSS語法。

// 1. Sass語法
// sass中變量使用$符號聲明，可以存儲任何值，包括字符串、數字、顏色等等
$primary-color: #007bff;
$secondary-color: #6c757d;
// 可以使用&符號來嵌套樣式，變為后代選擇器
.btn {
background-color: $primary-color;
&:hover {
background-color: $secondary-color;
}
}
// 2. Less語法
// less也支持變量，并使用@符號聲明
@primary-color: #007bff;
@secondary-color: #6c757d;
// 可以使用+來繼承樣式，減少代碼冗余
.btn {
background-color: @primary-color;
&:hover {
background-color: @secondary-color;
}
}
// 3. Stylus語法
// stylus同樣支持變量，并使用$符號聲明，也可以存儲對象和數組等
$theme = {
primary-color: #007bff,
secondary-color: #6c757d
}
// 可以使用&嵌套選擇器，使用空格隔開，變為后代選擇器
.btn
background-color: $theme.primary-color
&:hover
background-color: $theme.secondary-color

總之，自定義CSS語法是一種有用的工具，可以使開發者更快速、更有效地編寫CSS代碼。而使用預處理器可以將這些自定義語法轉換為標準的CSS代碼，在瀏覽器中運行。不同的預處理器支持不同的自定義CSS語法，開發人員可以選擇適合自己的語法來使用。