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

Question

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

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

如何用一个标签包装所有这些图像以将“测试”类应用于所有图像，而无需在每个图像标签中指定类？在样式表中我有：

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 的 Selectors Level 3，特别是后代组合器。

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;
}