在 CSS 中,我們經常需要給很多元素添加相同的樣式。如果一遍一遍地為每個元素都編寫同樣的 CSS 代碼,不僅費時費力,而且還容易出錯。此時,就需要使用 CSS 繼承的方法。
.parent { font-size: 16px; } .child { color: red; font-weight: bold; }
在上面的代碼中,我們定義了一個名為 parent 的 CSS 類,設置了字號為 16px。然后,我們創建了一個名為 child 的 CSS 類,為其設置顏色為紅色、字體加粗。接下來,我們想讓一個元素繼承 parent 類的樣式,同時也要應用 child 類的樣式。這時,我們只需要在該元素上添加兩個類:
<div class="parent child">我繼承了 parent 類和 child 類</div>
如此一來,該元素便同時繼承了 parent 類和 child 類中的樣式。
下一篇css 中使用js變量