apply a style to ALL links EXCEPT...

[belledumonde]

i have this css declaration:

Code: Select all

a:active { 
   position: relative; 
   right: -1px; 
   bottom: -1px;
   }

and i want it to apply to ALL links EXCEPT a img UNLESS the link has a class of "image".

this is because i'm using lightbox, and when the corner [ x ] is clicked on to close, it keeps moving and it won't close so you're stuck in the lightbox. i was thinking of making the [ x ] bigger but that ruins the image. then i tried applying different position declarations on a.image but that didn't work, i was thinking of selecting each link by contextual selectors except a.image but that just bloats my CSS.

so can this be accomplished with cross-browser compatible CSS or would it be more efficient to use a very short JS script??

help is much appreciated!

[Ryan Fait]

Code: Select all

a:active img, .image {
    right: 0;
    bottom: 0;
}

This should do the trick. I'm not sure how IE will handle "a:active img" though, but it's correct code.

[belledumonde]

thanks ryan! i found a solution by inserting the class "image" into the close links of lightbox through the lightbox.js and assigned this style to that class:

Code: Select all

a.image:active {
  position: static;
  right: 0;
  left: 0;
}