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