同じテーブルの異なるセルを持つProbsは、ホバー上の異なる背景色を変更します。

同じテーブル内の異なるセルの簡単な例をそれぞれの背景色を変更することを試みました。個々のTDにクラスやIDを割り当てることができるので、私は自分のコードをそれほど成功しないように設定することができます。同じテーブルの異なるセルを持つProbsは、ホバー上の異なる背景色を変更します。

<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>

私は...

td:hover{background-color:red;}

とスタイルのスクリプトを交換した場合、それは動作しますが、私は異なるセルに異なる色を取得しようとしています。私はここで何が欠けているのですか？それはとても簡単です。

出典

2016-07-17 Christopher Sheffield

すべてのTDタグにクラスを割り当てているときは、TDについて言及する必要はありません。

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

出典

2016-07-17 21:59:03 Pirate

同じテーブルの異なるセルを持つProbsは、ホバー上の異なる背景色を変更します。

答えて

関連する問題