CSS - 图片库

Question

我正在开发一个简单的照片库/图书馆。到目前为止，我只了解 CSS。我有一个 2 x 3 的 div 网格(很快就会成为照片图标)。

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

如果我更改该类(class)的背景...它会更改所有图像。我不想要的是“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 { ... }