CSS中的同類選擇器是一種非常有用的選擇器，它能夠根據(jù)元素的類名來選中相同類名的其它元素，從而達(dá)到批量設(shè)置樣式的目的。

/* 使用同類選擇器設(shè)置所有類名為 btn 的按鈕元素的樣式 */
.btn {
background-color: blue;
color: #fff;
font-size: 14px;
padding: 10px;
}

同類選擇器的寫法非常簡單，只需要將需要設(shè)置樣式的元素的類名作為選擇器即可。當(dāng)同一頁面中有多個同類選擇器時，我們可以根據(jù)需要再將不同的類名作為選擇器來設(shè)置不同的樣式。比如，我們可以設(shè)置類名為 btn-primary 的按鈕元素為藍(lán)色背景，而將類名為 btn-secondary 的按鈕元素為灰色背景。

/* 設(shè)置帶有 btn-primary 類名的按鈕樣式 */
.btn-primary {
background-color: blue;
color: #fff;
font-size: 14px;
padding: 10px;
}
/* 設(shè)置帶有 btn-secondary 類名的按鈕樣式 */
.btn-secondary {
background-color: gray;
color: #fff;
font-size: 14px;
padding: 10px;
}

需要注意的是，同類選擇器只會選中具有相同類名的元素，而不會選中其他的元素。如果需要同時選中多個類名不同的元素，可以使用通配符選擇器（*）。

在實際開發(fā)中，我們經(jīng)常會使用同類選擇器來對頁面元素進(jìn)行樣式設(shè)置，能夠提高代碼的復(fù)用率和開發(fā)效率，大大簡化了我們的工作。