html - Overriding pre-defined CSS style -


I have a situation where CSS has images with predefined style:

  & Lt; Html & gt; & Lt; Top & gt; & Lt; STYLE TYPE = "text / css" & gt; #image img {-moz-box-shadow: 2px 2px 2px rgba (0,0,0,0.2); -WebKit-box-shadow: 2px 2px 2px RGBA (0,0,0,0.2); -Box-shadow: 2px 2px 2px RGBA (0,0,0,0.2); } & Lt; / STYLE & gt; & Lt; / Head & gt; & Lt; Body bgcolor = "# dddddd" & gt; & Lt; Div id = "content" & gt; & Lt; Img src = "image.gif" /> & Lt; / Div & gt; & Lt; / Body & gt; & Lt; / Html & gt;   

This is fine for most images inside the page, but in some cases I would like to display images without pre-defined style. Is it possible in some way? Maybe with an inline style?

You can add a class to the images you do not want to style.

  #content img.noshadow {-moz-box-shadow: 0; -WebKit-Box-Shadow: 0; Box-Shadow: 0; }   

Then your image will be affected & lt; Img class = "noshadow" src = "image.gif" /> gt;

Comments

Popular posts from this blog

mysql - BLOB/TEXT column 'value' used in key specification without a key length -

c# - Using Vici cool Storage with monodroid -