css redefining the a:link 1

[SteveAudus]

I'm just starting a site, and redefined
the
a
a:link
a:visited
a:hover

which works fine,
All the links are set white, and turn black over hover.
but I would like just one link to look different,

How can I do this?

I have tryed defining it's own style,
but it just gets overwritten by the orginal css.

Any suggestions?

http://www.chaucer.sheffield.sch.uk

 

[DaRNCaT]

I am assuming you want one link on the page to be different from all the rest?

you'd need to create an id for the link
#newlink a:active
{
styles in here
}



----------------------------------------
Sometimes, when my code just won't behave, I take it outside and make it listen to britney spears music, and when it comes back it's really well behaved. I wonder if it's suffering from post tramatic stress syndrome now..

 

[SteveAudus]

DaRNCaT

Thanks for the quick reply,

I have got it different colour but,
how do a get it to have a different hover colour?

The code from the attached css is below.

Thanks for your help on.


a:link {
color: #000000;
font-weight: bold;
}
a:visited {
color: #666666;
font-weight: bold;
}
a:hover {
color: #FFFFFF;
font-weight: bold;
}
.different a:link
{ color: #FFFFFF;
font-weight: bold;
}
.different a:hover
{ color: #000000;
font-weight: bold;
}


****************

Cheers,
Steve

http://www.chaucer.sheffield.sch.uk

 

[DaRNCaT]

you need an id not a class.

a:link {
    color: #000000;
    font-weight: bold;
}
a:visited {
    color: #666666;
    font-weight: bold;
}
a:hover {
    color: #FFFFFF;
    font-weight: bold;
}

#different a:link
{ color: #999999;
    font-weight: bold;
}
#different a:hover
{ color: #000000;
    font-weight: bold;
}

than to use it within the page

<p id="different"><a href="#">happylink</a></p>

if you want to use a class, so you can put it within the a href tag, you need to make a class like so

.different{
}
a.different:link
{ color: #999999;
    font-weight: bold;
}
a.different:hover
{ color: #000000;
    font-weight: bold;
}

you'd then use it like so

<a class="different" href="#">happylink</a>

----------------------------------------
Sometimes, when my code just won't behave, I take it outside and make it listen to britney spears music, and when it comes back it's really well behaved. I wonder if it's suffering from post tramatic stress syndrome now..

 

[SteveAudus]

DaRNCaT, thank you
you are my god for today.

Code well my friend, code well.

Steve

http://www.chaucer.sheffield.sch.uk