img属性全球风格生效

Question

我的css文件有一个适用于所有图像的属性（见下文）：

img{height:auto;max-width:100%;}

我在特定div中有图像，我不想将其应用于此。 我可以分配一个新的图像类，但上面的全局图像仍然生效。

有没有办法阻止全局img应用于此div中的图像？

Answer 1

在新图像类上使用！important属性。

.auto-width {
    max-width: none !important;
}

此外，CSS文件是级联的，因此如果您将新的图像类放在标准图像类之后，则可以在不使用！important语句的情况下覆盖最大宽度。

Answer 2

是的，如果您更具体地制定规则，那么它就像是：

div.contenedor img {
  height:10%;
  max-width:50%;
}

也可以在另一条规则之后设置。

您需要更改所有以前的属性

Answer 3

您想要将属性重置为默认值。无论如何height: auto是默认设置，因此唯一需要摆脱的是max-width，您需要将其设置为none。

div.auto-width img {
    max-width: none;
}

由于此选择器具有更高的特异性（0021 vs 0010），因此它会覆盖原始定义。