css - 一级不同风格

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