css - 1 つのタグで複数の画像にクラスを適用するにはどうすればよいですか?

Question

クラスを複数の画像に適用しようとしています。例えば：

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

これらの画像をすべて 1 つのタグでラップして、すべての画像タグでクラスを指定することなく、「テスト」クラスをすべての画像に適用するにはどうすればよいですか? 私が持っているスタイルシートで：

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

画像を div でラップしてから、クラスをテストとしてスパンタグでラップしようとしましたが、何もしませんでした。助けてください？？ありがとう！！

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のセレクターレベル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;
}