CSS - 如何影响除一张特定图像之外的所有图像

Question

如何设置条件以影响我网页中的所有图像(通过 CSS)我已经专门设置了条件的特定图像除外？

例如:

#rightMain img{
    width: 100%;
    height: 100%;
    border: 1px solid #000;
}

这会影响 #rightMain ID 中的所有图像。

但是，

img{
    height: 100%;
}

这也会影响 #rightMain ID 中的图像，因为它会扭曲图像的整体分辨率，导致它看起来不自然。

我想知道如何影响除 #rightMain 中的图像之外的所有图像，因为我已将特定格式应用到此图像并且不想更改它；它必须以一种状态存在，并且只能以一种状态存在于 #rightMain div 中。

我知道声明一个 div 类/ID 会影响子/父/兄弟元素等，但我似乎无法弄清楚这一点。

我的主要目标是使图像在 #rightMain 中与声明的完全一样，但也能够影响页面/网站其余部分的所有图像(上述图像除外) .

如有任何帮助，我们将不胜感激。

非常感谢。

Answer 1

您正在使用两个选择器设置 height: 100% - 我看不出导致您出现问题的差异在哪里？

在你澄清你的问题之前，我唯一想到的是:

#rightMain img {
    width: 100%;
    height: auto; /*override height: 100%; */
    border: 1px solid #000;
}


img{
    height: 100%;
}