多个内容：网址图片

Question

我正在尝试使用CSS向页面添加多个图像。我是这样做的，而不是以更“直接”的方式来确保移动兼容性（它允许我设置图像的百分比宽度，这使我能够在移动设备上以正确的尺寸显示它们。）

我目前在我的样式表中：

div.image {
content:url(http://example.com/example-image1.jpg);
width:100%
}

div.image2 {
content:url(http://example.com/example-image2.jpg);
width:25%
}

然后再拍几张照片。然后在我的页面的某些部分：

<div class="image">

</div>

<div class="image2">

</div>

我得到的问题是内容：url似乎只在第一个实例中工作，这是唯一显示的图片。多个div似乎没有问题，好像我将第二个div设置为相同的内容：url图像作为第一个div，该图像实际上显示两次。

很抱歉，如果这是一个愚蠢/ noob问题......我找不到答案。

Answer 1

你忘记了一个括号：

div.image2{
   content:url(http://example.com/example-image2.jpg);
   width:25%
}

编辑：我尝试使用支架并且工作正常。我使用的是Mozilla Firefox 58版。