html - すでに実装されている場合、マウスオーバーでtrの色を変更するにはどうすればよいですか？

Question

私は既存のプロジェクトに取り組んでいます。簡単なテーブルを作成しました。

<table border='0' width='100%'>
  <tr>
    <td></td><td></td>
  </tr>    
  <tr>
    <td></td><td></td>
  </tr>
</table>

テーブルにCSSクラスを適用しませんでしたが、マウスオーバーすると青い背景色が表示されtrます。そのため、すでにどこかにCSSが実装されtableています。この効果を無効にしたいのですが、既存のCSSを変更できません。

この特定のテーブルに対するこのマウスオーバーの影響を停止するにはどうすればよいですか。インラインCSSを試しましたが、まだ機能しませんでした。

score 3 · Accepted Answer

!important既存のcssをオーバーライドする必要があるcssで使用するだけです

tr:hover {
  background:red !important;
}

score 1 · Accepted Answer

このテーブル tr のみにホバー変更を加えたい場合は、テーブルに ID またはクラスを割り当ててから CSS を記述することをお勧めします。

.tableclass tr:hover{
            background:none !important;
 }

3 に答える 3