如何使用一個標籤將類應用於多個圖像？

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