在 CSS 中,我們可以使用類(class)來為 HTML 元素定義樣式。有時候,可能會遇到這樣的情況:兩個元素的樣式非常相似,只有一點不同。這時候,我們可以用兩個類來解決問題。下面,我們來看一個例子:
.box { background-color: gray; padding: 10px; } .box.special { background-color: orange; }
這段 CSS 代碼定義了兩個類:.box 和 .box.special。.box 類定義了一個灰色背景和 10px 的內邊距;.box.special 類將背景顏色改為橙色,其他樣式和 .box 一樣。為了使用 .box.special 類,我們只需要在 HTML 元素中添加 class="box special" 即可:
<div class="box special"> 這是一個特殊的盒子。 </div>
這個盒子的背景顏色就會變為橙色。
總之,使用兩個類可以很方便地定義非常相似的元素,只需要在不同的類中定義不同的樣式即可。同時,這也遵循了 CSS 的 DRY(Don't Repeat Yourself)原則,避免了重復定義樣式。