css 两个class时

CSS中有一种常用的样式定义方式，就是使用两个class。

举个例子，假设我们有以下的HTML代码：

    div class="box one">
            p>
    这是box one的内容/p>
        /div>
        div class="box two">
            p>
    这是box two的内容/p>
        /div>

我们想要给box one和box two设置不同的背景色和字体颜色，我们可以使用两个class来定义这些样式。定义方式如下：

    .box {
            padding: 20px;
    }
    .one {
            background-color: #f00;
            color: #fff;
    }
    .two {
            background-color: #00f;
            color: #fff;
    }
    

首先我们定义了一个共同的样式.box，它设置了padding为20px。然后分别定义了.one和.two两个class，它们分别设置了不同的背景色和字体颜色。

接下来我们把这些样式应用到HTML中的元素上：

    div class="box one">
            p>
    这是box one的内容/p>
        /div>
        div class="box two">
            p>
    这是box two的内容/p>
        /div>
    

这样，我们就可以让.box和.one和.two的样式应用于不同的HTML元素上。

总的来说，使用两个class的定义方式可以让我们更好地对元素进行不同的样式定制，让页面呈现出更好的效果。

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！