.my-class { color: red; }
在上面的代码中,大家创建了一个名为“my-class”的类,它的样式是让文本颜色为红色。在HTML中,大家可以在任何元素中使用这个类来应用同样的样式:
<p class="my-class">偶的文本是红色的</p> <div class="my-class">这个div的文本也是红色的</div>
在上面的代码中,大家将类“my-class”应用于一个段落和一个div,这两个元素都将呈现为红色文本。
通过类选择器,大家可以很方便地对一组元素应用相同的样式,从而使网页的样式表现更加统一和有序。