<p class="intro">这是一个CSS class的例子</p> <p class="intro">这里还有一个</p> <p class="intro">最后一个,也是class为intro</p> .intro { color: red; font-size: 16px; }
在这个例子中,大家定义了一个名为“intro”的class,然后将其应用到了三个不同的p元素中。这三个p元素的文本颜色都将变为红色,大小为16px。 请注意,大家只需要在CSS中定义一次类,并将其应用于多个元素。这使得大家在将来更改样式时更加灵活和方便。
大家还可以定义多个CSS class,并将它们应用于单个元素。例如:
<p class="intro large">这是一个CSS class的例子</p> .intro { color: red; } .large { font-size: 20px; }
在此示例中,大家使用了两个class:intro和large。此p元素将首先使用.intro类中定义的样式(红色文本),然后再使用.large类中定义的样式(20px字体大小)。当大家需要在元素上同时应用多个样式时,这对大家非常有帮助。
总之,CSS中的class属性是使网页设计更有效和方便的强大工具。通过将相同的样式应用于多个元素,大家可以轻松地改变样式,同时使代码更加简洁易懂。