CSS 類選擇器是CSS中最重要、最基本的選擇器之一。它可以根據(jù)元素的class屬性值來選擇需要樣式化的元素。有時候,我們需要對多個元素應用相同的樣式,這時候可以使用多個類來為這些元素定義相同的樣式。
在CSS中,假設有兩個class為box和red的類,我們可以使用類選擇器來選擇它們:
.box { width: 100px; height: 100px; border: 1px solid #000; } .red { color: red; }
如果我們想讓某個元素同時具有這兩個類的樣式,我們可以使用多個類選擇器。
<div class="box red">我既有box類的樣式,也有red類的樣式</div>
在上面的例子中,<div>元素既有box類的樣式,也有red類的樣式。這種情況下,我們可以使用多個類選擇器:
.box.red { width: 100px; height: 100px; border: 1px solid #000; color: red; }
這樣,具有box和red類的元素就會同時應用這兩個類中定義的樣式。
總之,使用多個類選擇器可以為元素同時應用多個類中定義的樣式,而不需要為每個元素單獨定義一個類。這樣就能大大地簡化CSS樣式表,使代碼更加優(yōu)雅、可讀。
上一篇css 類名稱
下一篇css 粗細不同的邊框