CSS自定義類名是指在CSS中使用自己定義的類名來設置樣式。使用自定義類名可以避免重復的樣式代碼,使CSS代碼更加簡潔,易于維護。
.important { color: red; font-weight: bold; } .highlight { background-color: yellow; border: 1px solid black; }
在上面的代碼中,.important和.highlight就是我們自己定義的類名。可以在HTML中使用這些類名來設置元素的樣式。
<p class="important">這是一個重要的段落。</p> <p class="highlight">這是一個需要突出的段落。</p>
在上面的HTML代碼中,我們使用了兩個自定義類名來設置兩個段落的樣式。通過使用自定義類名,可以避免在CSS中重復編寫相同的樣式代碼。
另外,可以通過組合類名來設置更復雜的樣式。比如,我們可以定義一個.red-text類名來設置紅色的文本顏色,再定義一個.bold類名來設置粗體,最后通過同時使用這兩個類名來實現紅色粗體文字的效果:
.red-text { color: red; } .bold { font-weight: bold; } <p class="red-text bold">這是一段紅色粗體的文字。</p>
通過以上的使用,可以輕松實現在同一頁面中不同樣式的設置。這樣代碼也更加簡便易懂了。