CSS 引用其他 CSS 類簡化了代碼的書寫，使得樣式表更加清晰、易讀、易維護。通過引用其他 CSS 類，我們可以將樣式表分開組織，并重用已有的樣式。在本文中，我們將介紹如何使用 CSS 引用其他 CSS 類，并提供一些實例。

要引用其他 CSS 類，我們可以使用以下語法：

.class {
/* 將其他類應用于該類 */
@extend .other-class;
}

如上所述，我們使用@extend關鍵字將其他類應用于當前類。這樣我們就可以避免重復編寫樣式，同時在樣式表上保持組織和結構。

以下是一個簡單的示例，假設我們有兩個 CSS 類：.button和.active-button，其中.active-button繼承了.button類的樣式。我們的 HTML 代碼如下：

<button class="button active-button">按鈕</button>

我們可以使用以下樣式來定義我們的 CSS 類：

.button {
/* 按鈕的樣式 (樣式1)*/
}
.active-button {
/* 將按鈕的樣式擴展到活動按鈕 (樣式2)*/
@extend .button;
}

在樣式表中，我們只需編寫一次樣式1，就可以在樣式2中繼承它。這使得樣式更易讀、更易維護。

除了將一個類擴展到另一個類上，我們還可以將多個類組合在一個樣式中。使用以下語法，我們可以將多個類引用到同一個樣式中：

.class {
/* 引用其他類并創建新樣式 */
@extend .other-class1;
@extend .other-class2;
}

通過這種方式，我們可以將已有的樣式組合在一起，創建干凈、重復使用的代碼。

總之，使用 CSS 引用其他類是一種簡化 CSS 書寫的好方法。通過將樣式分離、重用已有的樣式，我們可以更好地組織和優化樣式表。試試這種用法，它肯定能幫助您提高 CSS 代碼的可讀性和可維護性。