在 CSS 中,可以通過類來定義一組具有相同樣式的元素。
要使用類,需要在 HTML 中添加 class 屬性,屬性值可以是任意名稱,但為了方便識別,通常使用描述性的名稱。例如:
<p class="red">這段文本是紅色的</p> <p class="red">這段文本也是紅色的</p> <p class="blue">這段文本是藍色的</p>
在 CSS 中,可以使用 "." 符號來引用類。例如:
.red { color: red; } .blue { color: blue; }
上面的代碼表示定義了兩個類,分別為 red 和 blue。類名前需要加上 "." 符號。定義類時需要用大括號包圍樣式規則。
這樣,當 HTML 中的元素添加了對應的類名后,就會應用對應的樣式規則。
注意,一個元素可以同時擁有多個類名,用空格隔開。例如:
<p class="red big">這段文本是紅色且字體較大的</p>
在 CSS 中,可以使用 "." 符號和類名相結合來定義多個類的樣式規則。例如:
.red { color: red; } .big { font-size: 20px; } .red.big { color: red; font-size: 20px; }
最后一個例子表示,當一個元素同時具有類名 red 和 big 時,應用的樣式規則是 red 類和 big 類的樣式規則的合集。
上一篇mysql 觸發器 實例
下一篇id對應的css