/* 创建一个类选择器 */ .className { property: value; }
在HTML中使用类选择器时,需要把类名添加到相应的元素上。通过这种方式,可以将样式应用于多个元素,从而实现样式的复用。
<div class="className">This is an example</div> <p class="className">This is another example</p>
类选择器优先级与标签选择器相同,但是优先级高于元素选择器和伪类选择器。如果要提高类选择器的优先级,可以使用选择器组合或者加上更具体的选择器。
/* 比较通用 */ div.className { property: value; } /* 比较具体 */ #idName .className { property: value; }
总的来说,类选择器是CSS中非常重要的一种选择器,可以有效提高样式的复用性和可维护性。