tr:hover nicht bei th

[Gunnar Bittersmann]

@@iwiso:

nuqneH

Allerdings möchte ich beim th, also der Tabellenüberschrift dieses nicht haben, der background soll sich also nicht ändern.

Was genau meinst du mit Tabellenüberschrift? Die Spaltenköpfe?

Die Spaltenköpfe sollten vom restlichen Tabelleninhalt http://de.selfhtml.org/html/tabellen/aufbau.htm#kopf_koerper_fuss@title=getrennt sein:

<table>  
  <thead>  
    <tr>  
      <th></th>  
      <th>Spaltenkopf 1</th>  
      ⋮  
      <th>Spaltenkopf n</th>  
    </tr>  
  </thead>  
  <tbody>  
    <tr>  
      <th>Zeilenkopf 1</th>  
      <td>Datenfeld 11</td>  
      ⋮  
      <td>Datenfeld 1n</td>  
    <tr>  
    ⋮  
    <tr>  
      <th>Zeilenkopf m</th>  
      <td>Datenfeld m1</td>  
      <td>Datenfeld mn</td>  
    <tr>  
  </tbody>  
</table>

Dann kannst du den Hover-Effekt nur auf die Tabellenzeilen des tbody anwenden:

tbody tr:hover {background: hsl(0, 0%, 90%)}

Wenn die Zeilenköpfe auch nicht umgefärbt werden sollen, siehe Kai345 und ChrisB.

Qapla'