在CSS中,class是一种用于标记HTML元素的属性。它可以帮助我们在样式表中方便地选中那些共享某些特征的元素,并为它们定义相应的样式。
/* 选择所有class为btn的元素 */ .btn { display: inline-block; padding: 10px 20px; background-color: #f00; color: #fff; border-radius: 5px; }
在上面的例子中,我们定义了一个.btn的class,并为它设置了一些样式。所有拥有该class的元素都会受到这些样式的影响。
使用class可以使我们更好地控制样式,因为它们可以被用于多个元素,而不需要为每个元素都定义独立的样式。这种复用的方式可以减少代码的重复,提高CSS的可读性和可维护性。
当然,我们并不需要在每个元素都使用class。有些元素可能只需要应用一些简单的样式,那么我们可以直接使用标签选择器来选中它们。
/* 选择所有h1标签 */ h1 { font-size: 24px; font-weight: bold; }
总之,class是CSS中非常常用的一种属性,能够帮助我们更好地管理样式,并提高CSS的效率和可读性。