2 verschiedene Hoverlinks auf einer Seit?

[Eminem]

Ich habe folgendes Problem ich will auf einer Seite zwei unterschiedliche Hoverlinks-Gruppen haben. Eine zu definieren ist kein Problem undzwar mach ich das mit folgender Funktion:

<style type="text/css">
<!--
* {margin:0; padding: 0;}
body {font-family:Verdana; font-size:14px; font-weight:bold;}
ul {
list-style-type:none;
width:8.0em;
margin-left 0em;margin-top:0em;
}
li {margin-bottom: 0.5em;}
li a:link, li a:visited, li a:hover, li a:active, li a:focus {
background:#BED084; color:#6A6F59;
width:100%; height: 1.0em;
display:block;
border-bottom: 2px solid #AB771C;
border-left: 0.2em solid #AB771C;
text-decoration:none;
padding-left: 0.5em; padding-bottom:0.2em;
font-size:0.8em;
}
li a:visited { color:#6A6F59; border-color:#AB771C; }
li a:hover { color:#000000; border-color: green; }
li a:active { color:gray; border-color:gray; }
li a:focus { color:gray; border-color:gray; }
li a {color: #6a6f59; border-color:#ab771c;}
-->
</style>

So nun kommt die eigendliche Frage, wenn ich nun die zweite Link-Gruppe definieren will, gibt es da dann eine möglichkeit z.B. eine Funktion namens u2{} zu definieren? oder muss man das dann komplett anders aufbauen?
Vielen dank schonmal im Voraus...!

MFG Eminem

 

[BugsBastard]

Hi,

aaaalso, keine Ahnung was Du genau meinst mit "Funktion" aber normal müsstest Du verschiedene hover-Methoden ganz einfach über Class einbinden können

a:hover { color:blue; }
a.test:hover { color:yellow; }

<a href="#">test</a><!-- wird blau -->
<a href="#" class="test">test2</a> <!-- wird gelb -->

ich hoffe Das hilft Dir weiter,

Gruss,

Bugs

 

[Eminem]

Ja BugsBastard, genau das wars, vielen Dank!

MFG Eminem