CSS中的交集選擇器是指選取同時擁有兩個或多個類名的元素，用來精確地選擇某些特定的元素。比如，如果我們想要選取頁面中所有既擁有類名“container”，又擁有類名“main”的元素，可以這樣寫：

.container.main {
/* 這里寫 CSS 樣式 */
}

上面的代碼中，使用了句點（.）來表示類選擇器，中間使用無空格的連寫形式，表示匹配同時擁有這兩個類名的元素。

交集選擇器的優(yōu)點在于，可以將樣式的應(yīng)用范圍更準(zhǔn)確地縮小，避免樣式被其他元素所干擾。下面是一個例子，如果我們想給某個特定的按鈕加寬度和顏色，但它同時又屬于其他組件，那么可以這樣寫：

.button.featured {
width: 200px;
background-color: #ff9900;
}

上面的代碼中，將按鈕元素的類名與所屬的組件類名連寫在一起，只有同時擁有這兩個類名的元素才會受到樣式的影響。而其他不屬于“featured”類的按鈕，即使也擁有“button”類，也不會受到這個樣式的影響。