2

テーブル行に偶数/奇数スタイルが設定されていますが、テーブル行のホバリングは機能しません。
試してみてください：http://jsfiddle.net/w7brN/

CSS スタイル :

#table_even tr:hover { background-color:#fffbae!important; } /* hovering */

#table_even tr:nth-child(odd) td { background-color:#fbfbfb } /*odd*/
#table_even tr:nth-child(even) td { background-color:#e8ecee } /* even*/

HTML コード: 

<table id="table_even" style="width: 100%">
    <tr>
        <td>##</td>
        <td>##</td>
    </tr>
    <tr>
        <td>##</td>
        <td>##</td>
    </tr>
    <tr>
        <td>##</td>
        <td>##</td>
    </tr>
</table>

どうすれば解決できますか？

4

5 に答える 5

7

<td>CSS の順序を変更し、次のように追加する必要があります。

   #table_even tr:nth-child(odd) td {
    background-color: #fbfbfb
} /*odd*/
#table_even tr:nth-child(even) td {
    background-color: #e8ecee
} /* even*/
#table_even tr:hover td {
    background-color: #fffbae;
} /* hovering */

そうしないと、前の s<tr>ではなくに background-color を追加したのと同様に、nth-child ルールが常にホバーよりも優先されます。<td>

于 2012-09-05T15:38:30.923 に答える
0

<!DOCTYPE>IEでは、:hoverセレクターが要素以外の要素で動作するように a を宣言する必要があります <a>。

http://www.w3schools.com/cssref/sel_hover.aspを参照してください。

于 2012-09-05T15:42:04.553 に答える
0 
#table_even tr:hover { background-color:#fffbae!important; } /* hovering */

が欠けているだけtdです。試す：

#table_even tr:hover td{ background-color:#fffbae!important; } /* hovering */
于 2015-02-20T14:15:47.453 に答える
0

ありませんか

$(this:even).css & $(this:odd).css

生活が楽になりますか？

于 2013-03-02T10:45:58.193 に答える