Question

I have two hyperlinks on a page. I’m happy with the css on ‘link1’ (white text / red rollover) however I want to have a different styling for ‘link2’.

I’ve created a seperate css for this section and have managed to colour it green but I can’t get rid of the red rollover effect?

Does anyone know how to override the red rollover effect just on ‘link2’?

http://www.signport.co.uk/test/testsize3.html

Thanks!

Answer 1

You have a few problems with your stylesheet:

Firstly, you’re using this .readmoretext A. The correct CSS selector for an anchor tag is a lowercase “a”, so this needs correcting to .readmoretext a.

Once you’ve done that, add background-color: transparent; to your hover rule to remove the red background.

Lastly, you have two color properties on your hover rule. Stylesheets cascade, as their name indicates. Since only the last color rule will get applied, the first one is obsolete.