关于tr:hover变色的问题

最近在给table里面的tr标签添加高亮背景色显示的时候,遇到一个坑,HTML结构如下:

 

<tr>

  <td></td>

  <td></td>

  <td></td>

  <td></td>

</tr>

 

想要给tr标签添加一个鼠标滑过背景样式,但是td的样式会覆盖掉tr的样式,

需要特别处理一下:

tr:hover{

  background-color: #ccc;

}

tr:hover td{

  background: none;

}

问题解决。

posted @ 2018-03-05 18:33  阿力瓦  阅读(1334)  评论(0编辑  收藏  举报