在 HTML 中,我們可以使用 class 屬性給一組元素設置相同的樣式。而在 CSS 中,我們可以通過給這個 class 賦值來定義它的樣式。
.my-class { color: red; font-size: 16px; background-color: #fff; }
上面的代碼定義了一個名為 .my-class 的 class,它的樣式包含紅色字體、16px 的字號和白色背景色。
當我們需要將這些樣式應用到 HTML 元素時,只需將其 class 屬性設置為 .my-class 即可:
<div class="my-class">This is a div with my-class style.</div>
這樣,該 div 元素就會繼承 .my-class 的所有樣式,從而呈現出紅色字體、16px 的字號和白色背景色。