如何使用一个标签将类应用于多个图像？

Question

我正在尝试将一个类应用于多个图像。例如：

<img class="test" src="great.jpg" />
<img class="test" src="hello.jpg" />
<img class="test" src="pie.jpg" />

如何使用一个标签包装所有这些图像，以便将'test'类应用于所有图像，而无需在每个图像标记中指定类？在我的样式表中：

img.test {
border: 4px solid black;
}

我尝试使用div包装图像，然后使用类作为测试的span标记，但没有。请帮忙？？谢谢！

Answer 1

标记：

<div class="test">
    <img src="great.jpg" />
    <img src="hello.jpg" />
    <img src="pie.jpg" />
</div>

的CSS：

.test img
{
    border: 4px solid black;
}

[修改]：查看w3.org's Selectors Level 3，特别是descendant combinators。

Answer 2

Css后代选择器！

HTML：

<div class="test">
  <img src="great.jpg" />
  <img src="hello.jpg" />
  <img src="pie.jpg" />
</div>

CSS：

.test img {
  border: 4px solid black;
}