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