在 CSS 中,類名可以以點號(.)開頭。例如,.a 表示一個名為 "a" 的類。當我們定義多個類時,也可以將它們組合在一起使用,中間用空格分隔。例如,.a.b 表示同時具有類名 "a" 和 "b" 的元素。
在 HTML 中,我們可以給元素設置一個或多個類名來實現不同的樣式效果。例如:
<div class="a">我是一個只有類名為 "a" 的 div 元素</div> <p class="b">我是一個只有類名為 "b" 的 p 元素</p> <span class="a b">我是一個類名為 "a" 和 "b" 的 span 元素</span>
當我們設置類名為 "a" 的 CSS 樣式時,只會作用于具有類名為 "a" 的元素,而設置類名為 "a b" 的 CSS 樣式則會作用于同時具有類名為 "a" 和 "b" 的元素。
這種組合類名的用法可以方便地實現多個樣式的疊加效果。例如:
.a { color: red; } .b { font-weight: bold; } .a.b { text-decoration: underline; }
當一個元素同時具有類名為 "a" 和 "b" 時,它的樣式應用順序將按照樣式表中的順序,所以最終樣式是紅色、粗體、帶下劃線。
上一篇html 設置滑動文本框
下一篇html 設置標題大小