關於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或類是圖像本身的屬性。