title: tablerows hover with table even/odd styled via CSS
body: <p>even/odd styles set on tablerows but hovering of table rows don't work .<br>
  <em>Try it on : <a href="http://jsfiddle.net/w7brN/" rel="nofollow">http://jsfiddle.net/w7brN/</a></em></p>
  
  <p><strong>CSS style :</strong></p>
  
  <pre class="lang-css prettyprint-override"><code>#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*/
  </code></pre>
  
  <p><strong>HTML Codes:</strong>  </p>
  
  <pre><code>&lt;table id="table_even" style="width: 100%"&gt;
      &lt;tr&gt;
          &lt;td&gt;##&lt;/td&gt;
          &lt;td&gt;##&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;##&lt;/td&gt;
          &lt;td&gt;##&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;##&lt;/td&gt;
          &lt;td&gt;##&lt;/td&gt;
      &lt;/tr&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>how can be solve ?</p>