tablerows hover with table even/odd styled via CSS

Posted by root on Stack Overflow See other posts from Stack Overflow or by root
Published on 2012-09-05T15:36:23Z Indexed on 2012/09/05 15:37 UTC
Read the original article Hit count: 181

Filed under:
|

even/odd styles set on tablerows but hovering of table rows don't work .

CSS style :

#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 Codes:

<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>

how can be solve ?

© Stack Overflow or respective owner

Related posts about html

Related posts about css