鼠标悬停时如何突出显示表格行

时间:2014-08-25 11:11:31

标签: javascript jquery html css

鼠标悬停时如何突出显示表格行

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

1 个答案:

答案 0 :(得分:1)

您可以通过为表行指定:hover来完成此操作,但在其后设置表格单元格:

table tr td {
    color: grey;
}
table tr:hover td {
    color: red;
}

DEMO