html - CSS 背景位置在 .class 中不起作用

Question

最近尝试用 css 和类为一些图标制作一个 spritesheet。并发现 css 类不适用于 background-position 但 ID 现在有人可以向我解释为什么这样做。

我的实际代码。我输入问题的速度太快，犯了一些错误，对此深表歉意。

这行不通

.male {
    height: 286px;
    width: 110px;
    background-position: 0px 0px;
}

.defender {
    background: url('../images/classes/human_defender.png');
}
<div class="male defender"></div>

但是当我将 icon1 更改为这样的 id 时，它确实有效

#male {
    height: 286px;
    width: 110px;
    background-position: 0px 0px;
}

.defender {
    background: url('../images/classes/human_defender.png');
}
<div class="defender" id="male"></div>

Answer 1

.class {
url('backgroundimageurl');
}

应该是

.class {background-image:url(backgroundimageurl);}