覆蓋默認img css

Question

我如何重寫特定圖像的img css。

讓說，

我在我的網站的CSS像

img{ 
border:2px solid #ECECEC; 
padding:4px; 
} 

我有一個IMG在該網站說<img id="example" src="../example.png"/>

現在，我不想申請IMG CSS到這個特定的圖像。

我怎樣才能做到這一點？

感謝

Answer 1

img#example {border:none !important; } 

無以實例ID

Answer 2

邊框圖像使用id作爲一個選擇，改變你想要的CSS屬性。

#example{ 
    border:0; 
    padding: 0; 
} 

Answer 3

如果由於某些原因您無法觸摸標記，則可以使用屬性選擇器。

img[src="../example.png"] { 
    border:0; 
    padding:0; 
} 

Answer 4

添加一個單獨的類圖像 例

<img class="example" id="example" src="../example.png"/> 
.example{ 
    border:0 !important; 
    padding: 0 !important; 
}