CSS - 照片库

时间:2012-05-05 17:11:18

标签: css class html background-image

我正在制作一个简单的照片库/图书馆。到目前为止,我只接受CSS。我有一个2乘3格的div(很快就会成为照片图标)。

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

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

photo_holder拥有相当多的元素(我不想重复的主要原因)。

有没有给我的每个div一个唯一的ID,所以我可以用CSS来替换背景图像?

由于

1 个答案:

答案 0 :(得分:1)

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

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

然后在css

对一个元素的影响:

#hld_1 { background ... }

所有元素

.holder { ... }