在CSS中,一個元素可以同時擁有多個class,這個特性可以讓我們利用樣式的復用,方便地實現多種樣式組合效果。
/* 定義多個class */ .big { font-size: 24px; } .red { color: red; } .bold { font-weight: bold; } /* 多個class共用 */ <p class="big red bold">Hello World</p>
在上面的例子中,我們定義了三個class,分別為.big、.red和.bold,分別對應定義了大字體、紅色和加粗的樣式。之后,我們將這三個class同時添加到<p>標簽中,這樣<p>標簽就同時擁有了三個class的樣式。
需要注意的是,當多個class一起使用時,需要使用空格作為分隔符,而不是逗號。
/* 錯誤寫法 */ <p class="big, red, bold">Hello World</p>
當我們需要改變<p>標簽的樣式組合效果時,只需要在class屬性中添加、刪除或替換不同的class即可。
/* 修改class組合 */ <p class="big blue">Hello World</p>
總之,多個class共用是CSS中非常重要的語法,可以大大提高樣式的復用性和可讀性。