Funktion stören sich gegenseitig

[Sönke Tesch]

ich habe zwei Link-Definition im gleichen Document

a:hover {width:84; background-color:#284178;)

------------------^^
Was sind das? Pixel, Zentimeter, Eier, Kartoffeln, Tomaten?

a.type_2:hover { background-color:#284178; }

wenn ich mit der Maus über meinen Link (a.type_2:hover) gehe, der kleiner als width:84 ist, wird mir die Hintergrundfarbe so breit angezeigt wie im Punkt 1 definiert ist.

Wieso nimmt die Hintergrundfarbe den Wert aus einer anderen Definition an?

Weil sich beide auf das Element <a> beziehen. Die zweite Zeile erweitert lediglich die erste dahingehend, daß hier noch eine Klasse dazukommt. Dreh' die Sachen um, dann geht's.

Gruß,
  soenk.e