How to create new set of "URL links" styles in CSS
 

The skin1.css has the 4 styles in it for URL links:
A:link, A:hover, A:visited, A:active

Since these are used globally throughout, I cannot mess with these. But I would like to have a second set of styles that has a different link and hover color and decoration. How can I create a second set so that when I do a "A href=" within the .tpl, the new styles are applied and not the standard ones?

Rght now, if I have:
{....}

no matter what I put into that class style that references the text, the "A:link" overrides the displaying of it to whatever the A:link is set for in the CSS.

Thanks much!!
Brian

.stylename:link
.stylename:hover
.stylename:active
.stylename:visited

Thanks, but I don't see how I can "override" the A href that is inherently in there to make the HTML code work properly...

I was thinking I need something to totally replace the "A href" code (basically, inside the new styles, it would have in there that the style was being applied to URL's and so also make them links).

Sorry if that sounds confusing,
Brian

Just create the four styles above in your skin1.css. Replace 'stylename' with whatever you want.

Then, in the link you want to override the default, just add the new style name:

link

BINGO, that works perfectly! I had the style class outside of the end-bracket of the A href.

Thanks much!!
Brian