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

Question

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

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

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

Answer 1

在yout css文件中添加：

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

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