CSS - 图片库

Question

我正在研究一个简单的照片库/库。到目前为止，我只能靠CSS。我有一个2×3的div网格（很快会成为照片图标）。

我想要做的是给每个div图标一个独特的背景图像。现在我怎么做，因为每个图标div使用相同的类'photo_holder'？

如果我改变该类的背景...它会更改所有图像。我不想要的是拥有'photo_holder_1'和'photo_holder_2'等等。

该photo_holder拥有相当多的元素（为什么我不想重复的主要原因）。

有没有给我的div每个独特的ID，所以我可以用CSS来替换背景图片？

谢谢

Answer 1

每个都可以有唯一的ID和多个类。

<div id="hld_1" class="holder frame size etc"> .. </div> 

然后在CSS的右边的一元

效果：

#hld_1 { background ... } 

有

.holder { ... }