Selektoren für <tr>

[Martina]

Hi,

Ich habe eine Tabelle und möchte gerne per Hover-Effekt DIE GANZE ZEILE einfärben, wenn man mit der Maus über eine beliebige Zelle der Zeile fährt. Für eine einzelne Zelle per td:hover - Selektor funktioniert das wunderbar.

tr:hover {background #0f0}
funktioniert hingegen aus irgendeinem Grund nicht.

Frage: Wie kann ich das lösen?
Bonusfrage: Ist es auch möglich und mit welchen Selektortricks nur Zelle 2 und 3 gemeinsam zu hovern, nicht aber Zelle 1

[1UnitedPower]

tr:hover {background #0f0}
funktioniert hingegen aus irgendeinem Grund nicht.

Doppelpunkt vergessen.
tr:hover {background: #0f0}

[Martina]

tr:hover {background #0f0}
funktioniert hingegen aus irgendeinem Grund nicht.

Doppelpunkt vergessen.
tr:hover {background: #0f0}

Nein leider, auch mit Doppelpunkt wird nichts eingefärbt

[Gunnar Bittersmann]

@@Martina:

nuqneH

tr:hover {background: #0f0}
Nein leider, auch mit Doppelpunkt wird nichts eingefärbt

Alte IEs können das nicht. In modernen Browsern sollte es funktionieren.

Qapla'

[Sven Rautenberg]

Moin!

@@Martina:

nuqneH

tr:hover {background: #0f0}
Nein leider, auch mit Doppelpunkt wird nichts eingefärbt

Alte IEs können das nicht. In modernen Browsern sollte es funktionieren.

Aber nur, wenn die TDs keine eigene Hintergrundfarbe definiert bekommen haben.

Ansonsten musst man das eben berücksichtigen und den TDs in einem gehoverten TR eine andere Farbe geben:

tr:hover td {background-color:red}

- Sven Rautenberg

[Gunnar Bittersmann]

@@Martina:

nuqneH

Bonusfrage: Ist es auch möglich und mit welchen Selektortricks nur Zelle 2 und 3 gemeinsam zu hovern, nicht aber Zelle 1

Nein.

Du kannst aber Tabellenzeilen mit http://de.selfhtml.org/html/tabellen/aufbau.htm#kopf_koerper_fuss@title=tbody-Elementen gruppieren.

Qapla'