在CSS中,我們可以同時(shí)為一個(gè)HTML元素指定多個(gè)類,這樣就可以在每個(gè)類之間共享CSS樣式了。比如:
.class1 { color: red; } .class2 { font-size: 14px; } .class1.class2 { text-decoration: underline; }
上面這個(gè)示例中,我們定義了3個(gè)類,分別為class1、class2以及兩個(gè)類一起使用時(shí)的class1.class2。我們可以在HTML中為一個(gè)元素指定兩個(gè)類:
<div class="class1 class2">這是一個(gè)帶有兩個(gè)類的div</div>
這里的div元素就同時(shí)擁有了class1和class2這兩個(gè)類,它會(huì)繼承這兩個(gè)類所共享的CSS樣式,同時(shí)還會(huì)應(yīng)用class1.class2中定義的樣式,即添加下劃線。這樣,我們就可以更方便地對(duì)頁(yè)面元素進(jìn)行樣式的管理和設(shè)置,而不必編寫(xiě)大量的CSS代碼。