悬停对TR的TD的影响

Question

我在我的css中定义了以下内容： -

 .mainTr {
       background-color:#78a22f;
       color:white;
   }
   .mainTr :hover{
       background-color: #C1D72E;
       color:#78a22f;
   }

我有以下TR： -

 <tr class="mainTr">
                        <td><b>SPECIFICATIONS</b></td>
                        <td><b>FEATURES</b></td>
                    </tr>

但是目前当我只在TD上悬停在TR上时会得到新的悬停效果和文本颜色，而背景颜色不会是＃C1D72E，其他TD也会继续渲染defualt行为..

Answer 1

我认为当你使用下面的tr和td标签时你没有使用表格标签：

HTML：

<table> 
<tr class="mainTr">
      <td><b>SPECIFICATIONS</b></td>
      <td><b>FEATURES</b></td>
</tr>
</table>

CSS：

.mainTr{
       background:#78a22f;
       color:white;
       padding:10px;
}
 .mainTr:hover{
       background-color:#C1D72E;
       color:#78a22f;
 }

jsfiddle https://jsfiddle.net/Grald/qd6c2zww/