在CSS中,class是用来标识HTML元素的一种方法。我们可以使用class属性来为特定的HTML元素定义样式,class通常用于元素的分类。相同class的元素将共享相同的外观规则。
/* CSS代码中使用类 */ .text { font-size: 16px; color: #333; } /* html代码中使用类 */ <p class="text">示例文本</p>
如上所示,我们定义了一个名为"text"的class,它包含了一些CSS样式。然后在HTML中,我们给一个段落元素添加了"text"的class,这个段落元素现在将会显示为我们定义好的样式。我们可以在同一个HTML文档中多次使用这个class,来改变类相同的元素的外观。
在CSS中,使用“.”符号来表示class。例如,如果我们想为类名为“example”的元素定义样式,那么我们应该使用“.example”的方式来选中它。在HTML中,我们则需要添加“class”属性来定义它所属的类名,属性值则设置为我们想要的类名即可。
/* 选中名为“example”的元素 */ .example { /* 样式代码 */ } /* 在HTML元素中定义类 */ <div class="example"></div>
总之,在CSS中,class是定义HTML元素样式的重要方式之一。通过使用它,我们可以快速为各种类型的元素定义样式,而且可以减少代码冗余。