Overriding default img css

Question

How can i override img css for particular image.

Let say ,

i have css in my website like

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

i have one img with in the website say <img id="example" src="../example.png"/>

Now , i don't want to apply img css to this particular image.

How can i do that?

Thank

Answer 1

use the id as a selector and change the css properties you want.

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

Answer 2

img#example {border:none !important; }

No border for image with example id