multiple declarations.

[topr8]

i have this that works fine:

#footer h3 a:hover{background-color:silver;color:red;text-decoration:none;}
#footer p a:hover{background-color:silver;color:red;text-decoration:none;}

i figured i could shorten it to:
a).
#footer p a:hover,h3 a:hover{background-color:silver;color:red;text-decoration:none;}

or
b).
#footer h3,p a:hover{background-color:silver;color:red;text-decoration:none;}

however neither of these shortened versions work as expected
a) the h3 is going background silver on hover but not color red
b) causes the background color of the h3 to be silver

any ideas?

[birdbrain]

Hi there topr8,

try it like this...

#footer h3 a:hover,#footer p a:hover {
background-color:silver;
color:red;
text-decoration:none;
}

birdbrain

[topr8]

many thanks, absolutely right!

[birdbrain]

No problem, you're very welcome. ;)

[rocknbil]

Did you try just #footer a:hover {}? Unless there's other anchors in #footer that you don't want to have this style, that should work too.

[topr8]

excellent thanks rocknbil

that shaved some mre of the style sheet size, i didn't know you could do that and applied it a couple of times

... actually i didn't want it to apply to all in the footer but by ordering the styles appropriately i got it working in those that i did and not in those that i didn't - cool