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