CSS - 禁用宽度：自动

我有一个大小为32 x 32（即宽度和高度属性）的图像。但是，图像的大小默认为150 x 150.CSS - 禁用宽度：自动

查看CSS我可以看到父CSS文件中有width: auto。当我关闭图像然后调整大小为32 x 32.

我想重写这个，而不改变父CSS文件。我该怎么做呢？

注：我最初尝试width: none这是不是有效的CSS。

2015-04-27 Snowcrash

[风格从其HTML属性读取尺寸，不CSS]（可能重复http://stackoverflow.com/questions/14143445/style-img-to-read-尺寸 - 从其html-attributes-not-css） – BoltClock

一个捷径，但你可以随时使用！重要 –

@Toby Cannon：您不能对HTML表示属性使用！important（请参阅链接问题下的注释），并以宽度使用它：auto不会更改任何内容。 – BoltClock

尝试将图像的最大宽度设置为不大于其父宽度。您可以将宽度/高度设置为初始值或继承值，查看哪个适合您。

初始：将此属性设置为其默认值。

继承：从其父元素继承此属性。

.parent img { 
    max-width: 100%; 
    width: 32px; 
    height: initial; 
}

2015-04-27 18:37:41 chrisbedoya

既然你有宽度：32px声明那里，你可能只是使用它，忘记最大宽度。初始相当于auto并且具有完全相同的效果，并且继承仅在父元素的宽度实际为32px时才有效，这不太可能。 – BoltClock

您可以通过向类添加父级选择器来限制图像高度宽度，例如：看看下面的例子

.parent img { 
width : 32px; 
height:32px; 
}

2015-04-27 18:40:18

为什么要向选择器添加一个类允许您限制该选择，或者说，为什么不这样做会阻止您这样做？ – BoltClock

使用CSS选择器，我们可以轻松覆盖继承的CSS属性，即我在这里所建议的。如果我错了，请随时纠正我。 –

回答