[HTML/CSS] Specific class for certain links

[warz]

Ok, I've got a few links on my page I want to use their own class. I've got it setup like so..

Code Select Expand


a.HL, a.HL:link, a.HL:visited { 
font-family: Arial, sans-serif; 
color: #7DCF12; 
font-size: 12px;
text-decoration: none; 
}

a.HL:active, a.HL:hover { 
color: #B1FF4B;   
font-size: 12px;   
}

<a class="HL" href="...">link</a>


im not very good at CSS. Anyone know why these links aren't adopting their styles?

[R.a.B.B.i.T]

In my links I generally use a super-set for all links, then use the style="" to set link specific looks.  IE:

Code Select Expand


A:link, A:hover, A:active, A:visited
{
    font-family: verdana, arial, tahoma, sans-serif;
    font-size: 12px;
    text-decoration: none;
}

A:link, A:active    {    color: #cc0c00;    }
A:hover    {    color: #ff0000;    }
A:visited    {    color: #0c0ccc;    }


Code Select Expand

<a href="somepage.htm" style="A:hover { color: #00ff00; font-weight: 700; }">A Link</a>