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

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.