在CSS中,類選擇器是一種非常常見和有用的選擇器。類選擇器允許你選擇特定的HTML元素,并為它們定義樣式。這個選擇器使用一個點號(.)后接類名來選擇元素。
.my-class { color: red; font-size: 16px; }
在這個例子中,我們定義了一個類名為“my-class”的類選擇器,并為它定義了顏色和字體大小屬性。這個類選擇器可以應(yīng)用到任何HTML元素,只需要在這個元素的class屬性中添加“my-class”即可。
<p class="my-class">這是一個使用了my-class類選擇器的段落</p> <div class="my-class">這是一個使用了my-class類選擇器的div</div>
需要注意的是,一個元素可以有多個類名。使用空格將多個類名分開,可以將它們同時應(yīng)用到同一個元素。
.my-class1 { color: red; } .my-class2 { font-size: 16px; } <p class="my-class1 my-class2">這是一個使用了my-class1和my-class2類選擇器的段落</p>