CSS中常常使用類選擇器來選擇同樣具有相同屬性的元素，這在樣式設計中能極大的提高代碼可讀性和重用性。類選擇器的等效關系可以幫助我們妙用選擇器，減少代碼冗余，提高開發效率。

舉個例子，我們有如下HTML代碼：

<div class="box small"></div>
<div class="box medium"></div>
<div class="box big"></div>

我們想要為這三個div元素設置相同的寬度。我們可以利用等效選擇器來減少代碼重復。

.box {
width: 300px;
}
.small,
.medium,
.big {
width: inherit;
}
.small {
font-size: 12px;
}
.medium {
font-size: 16px;
}
.big {
font-size: 20px;
}

在上述代碼中，我們將所有的div元素都設置一個寬度為300px的class名為“box”，同時利用等效選擇器為三個div元素分別設置不同的字體大小。當我們用瀏覽器打開這個頁面，發現三個div元素都正確的展現了。這樣做的好處是我們僅僅要維護一個包含所有公共屬性的class，同時利用其它的類只設置那些與眾不同的部分，讓CSS代碼更加簡潔。