在網頁設計中，CSS是必不可少的一部分。通過CSS，我們能夠輕松地修改網站的樣式，達到美化頁面、增強用戶體驗的目的。然而，當我們需要多次使用樣式時，為了避免重復代碼，我們需要學習如何復用樣式。

在CSS中，我們可以使用類、ID選擇器、偽類等方法來定義樣式規則。其中，類選擇器是最常用的方法之一。通過定義一個類，并在需要應用樣式的元素中添加該類名，我們就可以讓這些元素共享相同的樣式，避免在每個元素中都定義相同的樣式規則。

.container {
width: 80%;
margin: 0 auto;
background-color: #f8f8f8;
}
.header {
height: 100px;
background-color: #333;
color: #fff;
}
.footer {
height: 50px;
background-color: #333;
color: #fff;
}

上述例子中，我們定義了三個類名：.container、.header、.footer，分別用來定義頁面容器、頭部和底部的樣式。在HTML中，我們只需要在對應的div元素中添加這些類名，就能夠復用這些樣式規則，而無需在每個div元素中都重新定義。

除了使用類選擇器外，我們還可使用繼承機制復用樣式。通過將常用樣式定義在父元素上，我們可以讓其子元素繼承這些樣式。這種方法適用于許多場景，比如文本樣式（字體、大小、顏色等）、鏈接樣式等。

.content {
font-family: Arial, sans-serif;
font-size: 16px;
color: #333;
}
.content a {
color: #0088cc;
text-decoration: none;
}

以上代碼中，我們定義了.content類名，用來設定整個頁面的文本樣式，包括字體、大小和顏色。在其中，我們又定義了.content a選擇器，用來設定鏈接樣式，例如顏色和下劃線等。這樣一來，當我們在頁面中添加鏈接時，只需要在a元素中添加.content類名即可，而無需重新定義鏈接的樣式。

總之，通過學習如何復用樣式，我們能夠讓代碼更加清晰簡潔、易于維護。在實際開發中，我們需要根據具體情況合理運用這些技巧，提高開發效率，降低出錯率。