关于ID的CSS选择退出

Question

对你来说，希望快速的CSS问题。

整个大宗我的地盘我已经与文字加图片，并给予他们一个10px的填充沿着顶部，使它看起来更好，就像这样：

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

现在，我想补充的变化偶尔图像，在相同的< DIV>，但我不希望填充生效。我创建了一个新的ID：

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

但它仍然要添加的填充，因为它仍然是一个< IMG>。我怎样才能'选择退出'我的图标ID？

谢谢， 克里斯。

Answer 1

首先，如果您在#zzmainContent范围内有多个图标，则应该使用类而不是id。

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

基于ID的规则：基于类

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

规则：

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

这些规则都假定ID或类是图像本身的属性。