Tabellenformatierung - Zugriff auf nicht verwendete Klasse

[Auge]

Hallo

Die Hintergrundfarbe soll nur für td gelten, allerdings für die ganze Zeile, auch bei mehreren Spalten. Nicht nur für die einzelnen Zellen.

Im Moment funktioniert der Effekt mit tr:hover überhaupt nicht bei mir

Könnte auch theoretisch so sein dass die "Kopfspalte" links einfach grau bleibt wenn man über die Zeilen fährt, die zu dieser Kopfspalte gehören.

In meiner Vorstellung bleibt die "Kopfspalte" links allerdings einfach weiß und die td werden beim drüberfahren als ganze Zeile eingefärbt.

Du kannst die ganze Zeile einfärben und dann die th davon ausnehmen, was meiner Meinung nach, besonders bei späterer Pflege des Codes, recht aufwendig wird (also nicht machen, hier nur zur Dokumentation notiert) …

tbody tr:hover {
    background-color: #ccc;
}
tbody tr:hover th {
    background-color: #fff;
}

… oder du selektierst gleich nur die Elemente, die du einfärben willst.

/*
es werden die Zellen (td) selektiert, die Kinder einer
gehoverten Tabellenzeile (tr) innerhalb von tbody sind
*/
tbody tr:hover td {
    background-color: #ccc;
}

Tschö, Auge