Hi,
ich habe ein Problem mit einem hover Effekt, den ich in einer Tabelle benutze. Das ganze funktioniert soweit einwandfrei. Nur möchte ich, dass in der ersten Zeile kein hover Effekt ausgeführt wird. Ich weiss aber nicht, wie ich dass hinbekomme. Könnt Ihr mir helfen? Vielen Dank im voraus
ich habe ein Problem mit einem hover Effekt, den ich in einer Tabelle benutze. Das ganze funktioniert soweit einwandfrei. Nur möchte ich, dass in der ersten Zeile kein hover Effekt ausgeführt wird. Ich weiss aber nicht, wie ich dass hinbekomme. Könnt Ihr mir helfen? Vielen Dank im voraus
HTML:
<!DOCTYPE html>
<style>
tbody tr:hover td
{
background:#ffff00;
}
</style>
<html>
<body>
<table align='center' border='1' bgcolor='#C6E2FF' style='border-collapse: collapse'>
<tr>
<td bgcolor='#429EFF' style='width:100px;'>Spalte1
</td>
<td bgcolor='#429EFF' style='width:100px;'>Spalte2
</td>
<td bgcolor='#429EFF' style='width:100px;'>Spalte3
</td>
</tr>
<tr>
<td bgcolor='#C6E2FF' style='width:100px;'>1a
</td>
<td bgcolor='#C6E2FF' style='width:100px;'>1b
</td>
<td bgcolor='#C6E2FF' style='width:100px;'>1c
</td>
</tr>
<tr>
<td bgcolor='#C6E2FF' style='width:100px;'>2a
</td>
<td bgcolor='#C6E2FF' style='width:100px;'>2b
</td>
<td bgcolor='#C6E2FF' style='width:100px;'>2c
</td>
</tr>
</table>
</body>
</html>