既に実装されている場合、マウスでtrの色を変更するには？

Question

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

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

私はテーブルの上に任意のCSSクラスを適用していなかったが、それでもそれはtrに青色の背景色をするとき、私にマウスオーバー示しています。だからすでにどこかでtableに実装されたいくつかのCSSがあります。私はこの効果を無効にしたいが、既存のCSSを変更することはできない。

この特定のテーブルでこのマウスオーバーオーバーをどのようにして停止できますか？私はいくつかのインラインCSSを試しましたが、まだ動作しませんでした。

Answer 1

ちょうどあなたが使用してCSSプロパティを再割り当てしようとすることができ、既存のCSS

tr:hover { 
    background:red !important; 
} 

Answer 2

をオーバーライドする必要がありますあなたのCSSの!important使用「！重要なの。」キーワード。このキーワードで新しいcssプロパティを作成し、必要なタグにバインドするだけです。私はこれがハックだと思うが、どんな場合でもそれは私を助けてくれる。

Answer 3

ホバー変更をこのテーブルtrにのみ変更する場合は、IDまたはクラスをテーブルに割り当ててからCSSを書き込む方がよいでしょう。

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