Как применить класс к нескольким изображениям с помощью одного тега?

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, а затем тег диапазона с классом как тест, но ничего. Помоги пожалуйста?? Благодаря!!

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