css - 具有多个图像的多个类

Question

我正在尝试做这样的事情:

.box {
    background-image: url(../img/box.png);
    background-position: 0 0;
    background-repeat: no-repeat;
    display: block;
    height: 64px;
    margin: 90px auto;
    overflow: hidden;
    width: 831px;
}

.shadow_1 {
    background-image: url(../img/shadow_1.png);
    background-position: 0 100%; 
    background-repeat: no-repeat;
    padding-bottom: 31px;
}

在 HTML 中:

<div class="box shadow_1"></div>

我想将两个类与两个不同的图像结合起来，但让第二个类中的图像覆盖第一个。甚至可能，还是我必须使用两个 div？

Answer 1

最新加载的样式会覆盖之前加载的样式。所以在你的情况下。 .box 中的任何样式都将在您的实现中被样式 .shadow_1 覆盖。

你假设你需要另一个 div 来处理这个是正确的。