2 verschiedene a:link styles verwenden – wie gehts das?

ich möchte auf meiner website ein 2. link-design verwenden. das 1. design möchte ich für die navigation verwenden, das 2. für den text (der sollte dann unterstrichen sein). wie mach ich das? hier noch schnell der css-code für link 1.

p {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #666666;
}
h1 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
color: #666666;
}
a:link {
color: #666666;
text-decoration: none;
}
a:visited {
color: #666666;
text-decoration: none;
}
a:active {
color: #666666;
text-decoration: none;
}
a:hover {
color: #FF6600;
text-decoration: none;


danke

 

Das ist relativ einfach. Für die Navigation definierst du styles wie:

navigation:link
navigation:active
navigation:hover, usw....

Diese kannst du dann frei gestalten. Einbauen musst du sie dann manuell in die Links mit einem sog. "Class-TaG".

Also <a href="http://www.blah.de" class="navigation">blah</a>

Das sollte gehen

Gruß
Thorben