CSSテーブル上の特定のセルの背景色を変更すると、その上にホバーするとき

Question

私は3つの列を持つテーブルを持っています。私はそれを上に置くと、3番目の列の書式だけを変更できるようにしたい。

Iは

TD組み合わせることができるようにしたい：n番目の子（3）{背景色：#ddd;}

と

TDを：ホバー{背景色：＃ ddd;}

どうすればよいですか？

Answer 1

私はこれがあなたの後であると思います。

td:hover:nth-child(1) {background-color: #f5f5f5;} 
 
td:hover:nth-child(2) {background-color: #ff0000;} 
 
td:hover:nth-child(3) {background-color: #ddd;}

<table width="100%" border="0" cellspacing="0" cellpadding="0"> 
 
    <tbody> 
 
    <tr> 
 
     <td>&nbsp;</td> 
 
     <td>&nbsp;</td> 
 
     <td>&nbsp;</td> 
 
    </tr> 
 
    </tbody> 
 
</table>

乾杯

Answer 2

セルにクラス名またはIDを指定します。

td[id="your id"]{...} 

td[id="your id"]:hover{background-color: #ddd;}