html - マウスオーバーでフォントの色を変更

Question

MYSQL クエリの結果を示すテーブルがあります。以下のコードでわかるように、このテーブルに行の強調表示を追加しました。これは完全にうまく機能します。ただし、行が強調表示されているときにフォントの色を変更しようとしていますが、あまり成功していません。任意の提案をいただければ幸いです。

 <tr class="active" bgcolor="#222222" onMouseOver="this.bgColor='gold';" onMouseOut="this.bgColor='#222222';" onMouseOver="Color='gold';">                  
            <td height="40" align="left" class="nrmgrid4" onMouseOver="Color='red';" ><div id="master_row"><?php echo "$timedate"; ?></div></td>
            <td align="left" class="nrmgrid4" onMouseOver="Color='red';"><div align="left"><?php echo "<a href=\"visitor-detailpage.php?id={$id}\">$company_name</a>";?></div></td>
            <td align="center" class="nrmgrid4" onMouseOver="Color='red';" ><?php echo "$region_name"; ?></td>
            <td align="center" class="nrmgrid4" onMouseOver="Color='red';" ><?php echo "$page_views"; ?></td>
            <td align="center" class="nrmgrid4" onMouseOver="Color='red';"><?php echo "$referrer"; ?></td>
            <td align="center" class="nrmgrid4" onMouseOver="Color='red';"><?php echo "$search_term"; ?></td>
            <td align="center" class="nrmgrid4" onMouseOver="Color='red';">&nbsp;</td>
            <td align="center" class="nrmgrid4" onMouseOver="Color='red';"><?php echo "<a href=\"editVisitorList.php?id={$id}\">Edit</a>";?></td>
          </tr>

Answer 1

tr.active:hover{
color:gold;

}

クラスまたは ID を賢く使用すれば、CSS で目的の結果を得ることができます。