[分享]css两个类样式

在CSS中，我们可以通过给元素应用不同的类来实现不同的样式效果。下面我们将学习如何在CSS中使用两个类样式。

 .class1{
        color: red;
    }
    .class2{
        font-size: 20px;
    } 

上面的代码定义了两个类样式，名称分别为“class1”和“class2”。其中，class1定义了文本颜色为红色，class2定义了字体大小为20像素。接下来我们将演示如何在HTML中应用这两个类样式。

 <p class="class1">这是一段应用了class1类样式的文本</p>
    <p class="class2">这是一段应用了class2类样式的文本</p> 

在上面的代码中，我们给两个不同的段落应用了不同的类样式。第一个段落应用了class1，因此它的文本颜色将变成红色。第二个段落应用了class2，因此它的字体大小将变成20像素。

通过使用多个类样式，我们可以为元素应用多种样式效果，从而实现更加丰富的页面设计，这是CSS在前端开发中非常重要的应用。