CSS bei hover gleiche Spalte erste Zeile selektieren

[mikdoe]

Hi!
Wenn ich in einer echten Tabelle (echt heißt <table><thead>...</thead><tbody>...</tbody></table>) beim überfahren von Zellen jeweils immer in der selben Zeile die erste Spalte selektieren möchte schreibe ich:

#meine_tabelle tbody tr:hover td:nth-child(1){
    ...
}

Klappt perfekt!

Aber wie geht das für die andere Koordinate, also selbe Spalte erste Zeile?
Hab mir einen abgebrochen mit #meine_tabelle tbody td:hover thead tr:first-child:hover td:first-child{...} und anderen Versuchen, klappt alles nicht.
Kann mir da bitte jemand unter die Arme greifen.

[Dormilich]

geht mWn nicht mit CSS, da Tabellenspalten (im Gegensatz zu Tabellenzeilen) keine HTML-Elemente sind. Anders ausgedrückt, eine Zelle ist ein Unterelement einer Zeile, aber nicht einer Spalte.

[kkapsner]

In CSS 4 sind da column combinators: https://drafts.csswg.org/selectors-4/#column-combinator
Leider unterstützt das noch kein einziger Browser, soweit ich weiß.

Du wirst also mit JS arbeiten müssen...

[mikdoe]

korbinian wie würde ich das denn hierfür schreiben müssen?

[kkapsner]

Jetzt im CSS oder JS?

[mikdoe]

im css nur aus interesse.

gelöst hab ich das inzwischen mit js.

[kkapsner]

Gute Frage. Ich denke, dass .col-class-name:hover || td:nth-child(1) funktionieren sollte, aber ob :hover da überhaupt funktionieren wird...