ID

Question

一个有希望的快速CSS问题。

在我的大部分网站中，我添加了带文字的图片，并在顶部给它们一个10px的填充，使其看起来更好，如下所示：

#zzmainContent img {padding-top: 10px;}

现在我想在相同的＆lt;内容中添加不同的偶然图像。 DIV＆gt;，但我不希望填充生效。我创建了一个新ID：

#icon {padding-top: -10px; vertical-align: middle;}

但它仍然想要添加填充，因为它仍然是＆lt; IMG取代。我怎样才能选择退出＆＃39;我的图标ID？

谢谢， 克里斯。

Answer 1

首先，如果#zzmainContent中有多个图标，则应使用类而不是ID。

如果您的#icon规则位于img规则之后，请添加!important并查看是否有帮助。

基于身份的规则：

#icon {padding-top: -10px !important; vertical-align: middle !important;}

基于类的规则：

.icon {padding-top: -10px !important; vertical-align: middle !important;}

这些规则都假设id或class是图像本身的属性。