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

我如何使一个嵌套在div中的图像根据div类设置其大小.
根据页面中的位置使图像变小.例如：

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

最佳答案

在yout css文件中添加：

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

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