擴展器CSS是一種強大的CSS預處理器，它可以讓開發人員更輕松地編寫更具有可維護性和靈活性的CSS代碼。它允許您使用一些非常強大的功能，如嵌套規則、變量、函數、混合和繼承等。

在擴展器CSS中，您可以使用嵌套規則來使您的代碼更加清晰和易于理解。讓我們看一下如何使用嵌套規則來編寫CSS代碼：

nav {
ul {
li {
color: #fff;
&:hover {
color: #000;
}
}
}
}

上面的代碼使用嵌套規則來指定導航欄中列表項的顏色，并在懸停時更改顏色。注意，&符號用于引用父元素。這是擴展器CSS中一個非常強大的功能。

除了嵌套規則之外，擴展器CSS還支持變量。變量允許您定義一個值，在代碼中多次使用該值。這使得更改顏色、尺寸或其他樣式屬性變得更加容易。下面是一個變量的例子：

$main-color: #fff;
body {
background-color: $main-color;
}

上面的代碼將背景顏色設置為$main-color變量的值。如果您想更改背景顏色，只需要更改$main-color變量的值即可。

擴展器CSS還支持函數和混合。函數允許您編寫復雜的樣式邏輯，并將其重新使用。混合則讓您可以創建類似于函數的東西，但它們返回的是CSS屬性而不是值。這使得編寫可重用的CSS代碼更加容易。

最后，擴展器CSS還支持繼承。繼承允許您將樣式從一個選擇器轉移到另一個選擇器，并減少代碼的重復。下面是一個繼承的例子：

.btn {
padding: 10px;
border-radius: 5px;
color: #fff;
background-color: #000;
}
.btn-primary {
@extend .btn;
background-color: #007bff;
}

上面的代碼定義了一個基本的按鈕樣式，并使用繼承和覆蓋詞語來創建一個原色按鈕。

總的來說，擴展器CSS是一個非常強大和靈活的CSS預處理器，它可以幫助開發人員更輕松地編寫可維護和靈活的CSS代碼。