verschiedene a:hover

[wolliee]

Ich möchte in einem div#navigation 2 verschiedene
a:link,visited and hover haben. Wie wäre es möglich? wie müsste ich deklarieren?

zB.

a:link{color:#bfae92;text-decoration:none;}
a:visited{color:#bfae92;text-decoration:none}
a:hover,a:active{color:#fff}

und

a:link{color:#fff;text-decoration:none;}
a:visited{color:#fff;text-decoration:none}
a:hover,a:active{color:#bfae92}

 

[Maik]

Hi,

setze Klassen ein, um für die Links eine Fallunterscheidung vornehmen zu können:

a.style1:link, a.style1:visited{color:#bfae92;text-decoration:none;}
a.style1:hover, a.style1:active{color:#fff}

a.style2:link, a.style2:visited{color:#fff;text-decoration:none;}
a.style2:hover, a.style2:active{color:#bfae92}

Der Aufruf erfolgt dann über das class-Attribut:

<div id="navigation">
    <a href="#" class="style1">Link mit "style1"</a>
    <a href="#" class="style2">Link mit "style2"</a>
</div>

Für den Fall, dass die beiden Links innerhalb des Dokuments jeweils nur einmal vorkommen, können die Klassen durch IDs ersetzt werden.