At the top of the style sheets that are part of WSN Links you will find something like the following:
A
{
text-decoration: none;
color:#FFFFFF;
}
This is telling your browser that for all of your anchor tags you want no line below the link (text-decoration: none) and that all links will be white (#FFFFFF is white, but it could be any color.) This will make all links exactly the same.

But lets say you want more. In the html body tag you can normally declare 3 different colors for your links. One for link, one for visited and one for active (on mouseover).

To use your style sheets to do the same thing you will create 3 different style items.
A:link { each with it's own individual and different information here }
A:visited { }
A:active { }

Now to trouble shoot using just the A { } in your original style sheets. Some browsers may not follow all of the style attributes to all links, either after visited or active. To fix this change your A { info } to:
A:link, A:visited, A:active { info }
Now all will be exactly the same.

Okay now you have your link change for each action the user takes on your site, you have your defaults set-up. But now you have changed a background in one area of your site and you want you links to be a different color here. You can declare an additional style class or classes to do this.

Here is how you do that:
.red.link { info }
.red.visited { info }
.red.active { info }

The word red can be replaced with whatever name you want to use. Now in your template add class="red" to your opening anchor tag.

You can make your links dynamic by simply changing the background color or text size for the active values of your link.