css - CSS - 照片库

Question

我正在开发一个简单的照片库/图书馆。到目前为止，我只关注 CSS。我有一个 2 x 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 { ... }