CSS類選擇器相加可以用于同時選擇擁有多個類的元素,即選取所有同時擁有兩個或更多個類的元素,這對于精確定位某些元素的樣式非常有用。
// 例如,有如下HTML代碼: <div class="box item">這是一個盒子</div> <div class="box">這是另一個盒子</div> <div class="item">這是一個列表項</div> // 我們可以使用CSS類選擇器相加來選取同時擁有box和item類的元素: .box.item { background-color: red; } // 這樣,第一個div元素將被選中并改變背景色,而第二個div元素和第三個div元素則不會被影響。
需要注意的是,CSS類選擇器相加時,類名的順序是可以交換的,即.box.item和.item.box是等價的。
除了類選擇器相加,還有其他的多類選擇器,比如通用選擇器與屬性選擇器相結合使用,使用波浪號(~)選擇同級別的擁有某個類的元素等等,這些選擇器可以讓我們更加靈活地選取特定的元素,并對其進行樣式的設置。
上一篇css類選擇器用法