Html 如何使图像大小取决于其位置？

如何使图像嵌套在div中以根据div类设置其大小。 根据图像在页面中的位置缩小图像。例如：

<div class="a">
    <img src="a.jpg">
<div>
<div class="b">
    <img src="a.jpg">
<div>

---

我想将嵌套在“a”中的图像设置为10X10大小，另一个设置为20X20大小，如何在不为图像创建不同类的情况下执行此操作？

在yout css文件中添加以下内容：

.a img {width: 10px; height: 10px}
.b img {width: 20px; height: 20px}

---

这将使“a”中的任何图像的大小为10X10，而“b”类中的任何图像的大小为20X20。

这将起作用，但OP询问“在不为图像创建不同类的情况下，我如何做到这一点？”@Yb此示例完全符合OP的要求；根据父容器设置图像样式。@罗斯：是的，我想这个问题有点模棱两可。OP不希望图像有不同的类，但从语义上讲，解决方案确实有不同的图像类。这就是说，它仍然是一个很好的（可能是唯一的CSS）解决方案，所以+1到@nayishellent，这就是我一直在寻找的，我不知道这是可能的@而且我想这样做，而不是为每个嵌套在其中的每个div的图像创建一个特定的类，因为我的页面上将有15个这样的类，更改div类的名称已经足够了，现在我所要做的就是更改每个嵌套img的设置。@Mike没问题，很高兴你得到了想要的答案：-）