CSS(Cascading Style Sheets)是一個用于樣式化網頁的語言,但它卻不僅僅是用來添加顏色和字體。一個常用的 CSS 特性是類(class)。
.example { color: blue; font-size: 16px; }
可以在 HTML 元素中添加類,以便將樣式應用于所有使用該類的元素。
<p class="example">這是一個例子</p><p class="example">這是另一個例子</p>
有時候,您希望一個類包含另一個類的所有樣式。這時就可以使用 CSS 類包含(class inclusion)。
/* 定義基本樣式類 */ .example { color: blue; font-size: 16px; } /* 定義包含樣式類 */ .highlight { composes: example; font-weight: bold; }
在上面的例子中,我們定義了一個基本樣式類 example 和一個包含樣式類 highlight。類 highlight 包含了 example 的所有樣式,并且還添加了一個 font-weight:bold 樣式。
這是如何在 HTML 元素中使用這兩個類的例子:
<p class="example">這是一個例子</p><p class="highlight">這是一個突出顯示的例子</p>
上面的代碼將會使第二個 p 元素看起來更突出,因為它使用了兩個類,其中一個包含了另一個類的樣式。