CSS类样式常见的常规分组与特定分组

Question

我的问题是：如果我想向所有图像添加任何公共属性，那么我可以只使用grid-wrapper类吗？当每个图像都在grid-wrapper类下并且我想为所有图像设置通用属性时，为什么要使用img元素为图像设置样式？

请澄清。

<div class="grid-wrapper">

<div class="box zone"><img src="pic03.jpg"></div>
<div class="box zone"><img src="pic01.jpg"></div>
<div class="box zone"><img src="pic02.jpg"></div>
<div class="box zone"><img src="pic04.jpg"></div>
<div class="box zone"><img src="pic05.jpg"></div>

</div>


.grid-wrapper{
    display: grid;
    width: 100%;
    grid-gap: 20px;
    grid-template-columns: repeat(auto-fill,minmax(350px,1fr));
}

Answer 1

您可以在css中选择具有相同父元素的元素并将其应用样式，而无需为它们添加其他分类。如果您提供的代码是：
.grid-wrapper img {}或.grid-wrapper > .box.zone > img {}。如果这不是您要找的答案，请澄清您的问题，以便我为您提供帮助。