css - onmouseover 変更 div テキストの色

Question

div にマウスを合わせると、背景色は変化しますが、div テキストの色は変化しません。

可能でしたら教えていただけないでしょうか？

単純なcssとhtmlです。

私のcssコードは

.divTable-row:hover{
            background:#65A3B8;
            color:#ffffff;
        }

Answer 1

次のように、スタイルを強制してみてください!important。

    .divTable-row:hover{
        background:#65A3B8;
        color:#ffffff !important;
    }

これにより、別の css ルールと重複する場合の問題が修正される可能性があります。

重複する問題のフィドルの例: http://jsfiddle.net/dSGf7/2/

使用例を修正!important: http://jsfiddle.net/dSGf7/3/