CSS中的類選擇器是一種非常強(qiáng)大的樣式選擇器,它可以針對特定的元素設(shè)置樣式,而不影響其他元素。類選擇器使用一個點(diǎn)號"."來標(biāo)志,并且后面跟上一個類名。例如:
.my-class { color: red; }
在上面的代碼中,“.my-class”就是一個類選擇器,它可以應(yīng)用于HTML文檔中所有指定了“class="my-class"”屬性的元素。
如果您想同時設(shè)置多個類的樣式,可以使用多個類選擇器,這些選擇器用空格隔開。例如:
.btn .btn-primary { background-color: #007bff; color: #fff; border-color: #007bff; }
在上面的代碼中,“.btn”和“.btn-primary”都是類選擇器,它們組合起來可以應(yīng)用于每個類都包含這兩個類名的元素,例如:
<button class="btn btn-primary">Click me</button>
需要注意的是,類選擇器不僅可以用于HTML元素,還可以用于其它標(biāo)記,如SVG、HTML5中的自定義元素等。例如:
.custom-svg .icon { fill: #007bff; }
在上面的代碼中,“.custom-svg”和“.icon”都是類選擇器,它們組合起來可以應(yīng)用于滿足條件的SVG圖標(biāo)。
總之,利用CSS中的類選擇器可以極大地簡化網(wǎng)頁開發(fā)中的樣式設(shè)置,并且能夠輕松地應(yīng)用到不同的標(biāo)記上,提高代碼的可復(fù)用性和可維護(hù)性。