Link colours

Hello

I'm making a template and I want different links to have different colours. I can do this when the link is fixed (always the same text i.e. clients website). But I also want green links in the regular text, but a blue link in a button. I have to be able to change the text and the link that's behind it. Now they are both green. I used this code:
a:link {
color: #99ac2a;
}
a:hover {...

Can I override the standard link colour in the button? I tried it like this, but it doesn't work.
a.knop:link {
color: #292f6d;
text-decoration:none
}
a.knop:hover {...

<td height="30" align="center" width="170" style="background-color:#F3F7D9;border-width:1px;border-style:solid;border-color:#E7E7E7;border-collapse:collapse; " ><a href="" class="knop" style="font-family:Verdana; font-size:12px; line-height:30px; text-decoration:none; color:#292f6d; margin-top:0px; margin-bottom:0px;"><strong><singleline label='knop'>Knop</singleline></strong></a></td>
</tr>

Thanks for helping me

leinverheij, 2 years ago

I don't think you need the :link in your css.
Just put a.knop {

200,000 companies around the world can't be wrong.

From Australia to Zimbabwe, and everywhere in between, companies count on 
Campaign Monitor for email campaigns that drive real business results.

Get started for free
1-888-533-8098