相关疑难解决方法(0)

tr:悬停不起作用

当鼠标悬停在表格行上时,我正在尝试突出显示(更改背景颜色)整行.我在网上搜索它应该有效,但事实并非如此.我在Chrome上显示它.

<table class="list1">
<tr>
   <td>1</td><td>a</td>
</tr>
<tr>
   <td>2</td><td>b</td>
</tr>
<tr>
   <td>3</td><td>c</td>
</tr>
</table>
Run Code Online (Sandbox Code Playgroud)

我的css:

.list1 tr:hover{
background-color:#fefefe;
}
Run Code Online (Sandbox Code Playgroud)

正确的CSS应该是:

.list1 tr:hover td{
background-color:#fefefe;
}

//--this css for the td keeps overriding the one i showed earlier
.list1 td{
background-color:#ccc000;
}
Run Code Online (Sandbox Code Playgroud)

谢谢你们的反馈!

css

47
推荐指数
4
解决办法
9万
查看次数

标签 统计

css ×1