CSS不用于表TR中的悬停

Question

在table我在CSS下方使用此突出显示tr，我想:not使用th

HTML：

<table>
   <thead>
      <th></th>
      <th></th>
   </thead>
   <tbody>
     <tr>
       <td></td>
       <td></td>
     </tr>
   </tbody>
</table>

CSS：

table tr:hover  {
    background-color:#fff;
}
table th:hover  {
    background-color:none !important;
}

Answer 1

将选择器范围限定为tbody，而不是thead。

tbody tr:hover  {
    background-color:#fff;
}
tbody th:hover  {
    background-color:none !important;
}

<强> HTML：

<table>
    <thead>
        <tr>
           <th></th>
           <th></th>
        </tr>
    </thead>
   <tbody>
     <tr>
       <td></td>
       <td></td>
     </tr>
   </tbody>
</table>

http://jsfiddle.net/3bpZX/1/