在CSS中，繼承是一項非常重要的功能，使我們可以在不為每個元素創建樣式時，將樣式應用于所有相關元素的子元素。這種功能在大型網站和應用程序中尤為重要。

.parent {
color: blue;
font-size: 20px;
}
.child {
/* 繼承.parent的字體顏色和字體大小 */
}

上面的代碼演示了如何使用類繼承來將父元素的樣式應用于子元素。使用.classname語法可以繼承其他元素的樣式。

類繼承可以將多個樣式組成一個類中，然后在多個元素中重復使用該類，這樣可以減少代碼重復，使CSS文件更加易于理解和修改。

.button {
border: 1px solid blue;
color: blue;
padding: 5px 10px;
font-size: 16px;
}
/* 定義了一個新的類.call-to-action 通過繼承.button類的css樣式顯示一個特殊的按鈕 */
.call-to-action {
@extend .button;
background-color: green;
color: white;
}

上面的代碼演示了如何在一個類中定義多個樣式，并在其他類中重復使用它們。

類繼承有助于保持樣式的一致性，并使CSS文件更加易于維護。同時避免了將樣式指定給多個元素的復制和粘貼工作。