Ok, I've got a few links on my page I want to use their own class. I've got it setup like so..
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?
In my links I generally use a super-set for all links, then use the style="" to set link specific looks. IE:
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; }
<a href="somepage.htm" style="A:hover { color: #00ff00; font-weight: 700; }">A Link</a>