css "a:hover" format direkt in style='' =>?

[Josh]

hallo.

ich möchte 2 links haben, den ersten mit einer a:hover background-color red, den anderen mit einer a:hover background-color green. wie geht das?? habs schon so versucht, aber is net gegangen:

<a href='a:hover{background-color:red;}' style=''>link1</a>
<a href='a:hover{background-color:green;}' style=''>link2</a>

danke für hilfe!

j0sh

 

[jonas]

QUOTE (j0sh @ Mar 16 2004, 12:20 PM) hallo.

ich möchte 2 links haben, den ersten mit einer a:hover background-color red, den anderen mit einer a:hover background-color green. wie geht das?? habs schon so versucht, aber is net gegangen:

<a href='a:hover{background-color:red;}' style=''>link1</a>
<a href='a:hover{background-color:green;}' style=''>link2</a>

danke für hilfe!

j0sh
Am einfachsten ist es, wenn du CSS-Klassen über eine .css - Datei (extern) definierst, also z. B.

.link1 {
a:hover {
background-color:red;
}
}

.link2 {
a:hover {
background-color:green;
}
}

Im HTML selbst definierst du dann

<a href="datei.htm" class="link1">Text</a>
bzw.
<a href="datei2.htm" class="link2">Text2</a>

Das könnte/sollte gehen!

 

[Josh]

oho die dinger kann man verschachteln? gut zu wissen! danke.

 

[BigSchnidde]

Noch einfacher:

QUOTE a.link1:hover{
background-color:red;}

a.link2:hover{
background-color:green;}


<a href="datei.php" class="link1">Text</a>

<a href="datei2.php" class="link2">Text2</a>