CSS中我們可以使用類選擇器來引用class。
.class-name { /* 在這里添加CSS樣式 */ }
在HTML中,給想要操作的元素添加class屬性,然后在CSS中使用點加類名稱的方式引用。
<div class="class-name">
<p>這是一個帶有class的div</p>
</div>
在上面的例子中,我們為<div>元素添加了一個名為class-name的類。然后在CSS中,使用.加類名稱的方式即可引用。
另外,一個元素可以擁有多個類名,通過空格分隔即可。
<div class="class-name1 class-name2">
<p>這是一個帶有多個class的div</p>
</div>
在CSS中,如果同時引用多個類,可以使用逗號隔開。
.class-name1, .class-name2 { /* 在這里添加CSS樣式 */ }
這樣會同時應用于擁有class-name1和class-name2的元素。