Question

如何将不同的风格应用于一个类？我有3个图像，其中两个具有相同的类。我希望这3张图片保持一行。如果没有相同类中的两个图像相互覆盖，我不知道该怎么做。 TIA！

    .banners {
     width: 100%;
     display: block;
     }

    .banner1 {
     display:block;
     width:28%;
     float:left;
     }

    .middlebanner {
     width:28%; float:right;
     }

这是我到目前为止所尝试的。我在班级banner1中有两个图像，我希望这两个图像与中间人并排。

Answer 1

我想不可能将不同的风格应用于一个类。为什么不使用3个不同的类名？

这样的事情？

.class1, .class2, .class3 {
    background-color: #987654;
    width:50px;
    height:50px;
    display:block;
}
.class2 {
    background-color: #123456;
    border: 1px solid black;
    box-sizing: border-box;
}

Demo

一类不同的风格

1 个答案: