Overrule box-shadow

I have a rule where all images in a get a box-shadow. Now there is one particular image that shouldn't hav开发者_JS百科e a box-shadow, but is in the area. Now, if I give that image an ID or class, this will be given higher priority, which is good. But how do I undo the box-shadow? Setting it to 0px doesn't work.

Thanks! John

Use none for the box shadow value. According to the Mozilla docs, none is the initial value.

From http://www.welovecss.com/showthread.php?t=5863

a > img {
box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
}

To remove the box-shadow:

#elementSelector {
    box-shadow: 0 0 0 transparent;
    /* or:
    box-shadow: none;
    */
}

.imagesselector #specificimage { box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; }

The keyword none is very much like false in a programming language, and will nullify almost every CSS attribute.

So:

box-shadow: none;