Probs mit verschiedenen Zellen aus der gleichen Tabelle ändern verschiedene Hintergrundfarben auf Hover

Ich habe versucht, ein einfaches Beispiel für verschiedene Zellen in der gleichen Tabelle zu bekommen, ändern Sie ihre Hintergrundfarben unterschiedlich voneinander. Ich lese, dass Sie einzelnen TDs Klasse oder IDs zuweisen können, also setze ich meinen Code als solcher ohne Erfolg ein.Probs mit verschiedenen Zellen aus der gleichen Tabelle ändern verschiedene Hintergrundfarben auf Hover

<html> 
<head> 
    <style> 
     .aTD td:hover {background-color: green;} 
     .bTD td:hover {background-color: yellow;} 
     .cTD td:hover {background-color: red;} 

    </style> 
</head> 
<body> 
    <table style="width:95%; height:95%;" > 
     <td class="aTD"><a href="#setA">A</a></td> 
     <td class="bTD"><a href="#setB">B</a></td> 
     <td class="cTD"><a href="#setC">C</a></td> 
    </table> 
</body>

wenn ich ersetzen die Artskript mit ...

td:hover{background-color:red;}

dann funktioniert es, aber ich versuche verschiedene Farben für unterschiedliche Zellen zu erhalten. Was vermisse ich hier. Es scheint so einfach zu sein.

Quelle

2016-07-17 Christopher Sheffield

TD muss nicht erwähnt werden, wenn Sie jedem TD-Tag eine Klasse zuweisen.

<style> 
    .aTD:hover {background-color: green;} 
    .bTD:hover {background-color: yellow;} 
    .cTD:hover {background-color: red;} 
</style>

Quelle

2016-07-17 21:59:03 Pirate

Probs mit verschiedenen Zellen aus der gleichen Tabelle ändern verschiedene Hintergrundfarben auf Hover

Antwort

Verwandte Themen