html - 我如何在一个 div 中设置这两个图像的样式？

Question

我正在实习期间使用原始 html/css 构建一个小型网站。我从内联样式表开始，但我的老板告诉我使用外部样式表。现在我想知道如何设置位于 div 内的下面两个图像的样式(fact1 和 fact2)。如果有一个简单的答案，我很抱歉，但我找不到任何关于它的信息..

<div class="text">

<div>
<h3>header 1  </h3> 

<p>Text 1 </p>



<h3>header 2 </h3> 
<p>Text 2 </p>

	<h3>header 3 </h3>
	
	<img src="img/ketor.jpg">
	
<p>Text 3 </p>

	<div class="fact1"> 


<img src="img/fact1.png">
    
    </div>
    
    <div class="fact2">
	
<img src="img/fact2.png">
	
    </div>	
	
    </div>
	
	
</div>	

Answer 1

因为每个 div 都有一个不同的类

<div class="fact1"> 
<img src="img/fact1.png">
</div>

<div class="fact2"> 
<img src="img/fact2.png">
</div>

您可以通过选择该分类的 div 中的图像来选择它们

例如

div.fact1 img {
your styles here
}

div.fact2 img {
your styles here
}

 and so on.

请注意，如果您有其他具有相同类的 div，这些样式也将应用于这些 dvs 中的图像。