i am trying a simple mouseover with a css classes on my a hrefs but cannot get it to work???

Here is just a simplified one but i still cant get this going.

 

my html is

 

<a class="red" src="">shane</a>

 

and CSS

 

a.red:link{ color:yellow;}

a.red:hover{color:red}

a.red:visited{color:#F00}

a.red:active{color:#C96}

 

the link is staying black??? but the hover is working. why is the color yellow now showing?

 

i have posted this simple site at

 

http://www.shaneprendergast.co.uk/folder/practice.html

 

cheers shane

Edited July 11, 201115 yr by webknit

you havent closed the styles with a ; - for example a.red{color:red;}

sorry misread I think but if you lose the :link it should work - not sure if its right but it works.

include the href and it should work for example href="https://www.google.co.uk"

what change

 

 

 

a.red:link{ color:yellow;}

 

to

 

a.red{ color:yellow;}

 

nope that dont work

 

i have figured it out now on my site but ive no idea what i was doing wrong, just looking at why this is not working now i am baffled?

nope still not going

 

i have

 

a.red:link{ color:yellow;}

a.red:hover{color:red;}

a.red:visited{color:green;}

a.red:active{color:blue;}

 

and the HTML

 

<a class="red" href="">shane</a>

 

uploaded at

 

http://www.shaneprendergast.co.uk/folder/practice.html

 

now i have the green but no mouseover effect, its absolutely doing my nut in

I'm pretty sure it was because you didn't include the href attribute once that was added it shone yellow!!

why has the mouseover suddenly stopped working nw?

yeah sorry i changed it after you said jheg

try this order

 

a:link

a:visited

a:hover

a:active

1 sec

Edited July 11, 201115 yr by webknit

excellent its working now!

 

ive uploaded so people can look

Edited July 11, 201115 yr by webknit

sweet