css - 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;
}

因为此选择器具有更大的特异性 ( 0021vs 0010)，它会覆盖原始定义。