Gunnar Bittersmann: Spalten fomatieren

Beitrag lesen

Hello out there!

Nun das CSS, womit einzig die zweite Spalte einen Hover-Effekt erhält:

td+td:hover { /* Hover-Effekt für alle td-Elemente, welche einem anderen td-Element folgen */
  background:#069;
  color:#fff;
}
td+td+td:hover { /* Hover-Effekt für das zweite folgende td-Element wieder aufheben */
  background:inherit;
}

Bei dreispaltiger Tabelle machbar, bei mehreren Spalten recht aufwändig.

Wenn du aber nur die zweite Zelle haben willst, warum selektierst du dann nicht nur diese?

[code lang=css]td:first-child+td:hover { /* Hover-Effekt das zweite td-Element */
  background:#069;
  color:#fff;
}

See ya up the road,
Gunnar

--
“Remember, in the end, nobody wins unless everybody wins.” (Bruce Springsteen)