我正在尝试这样做：如果鼠标悬停在一行上，则最后一个单元格根据值变为红色或黄色：1 或 0。
好吧，我认为课程可以帮助我：添加了 redcell 和 yellowcell。
我的灵感来自于此：http : //jsfiddle.net/u7tYE/1/我的代码不起作用。
是否可以使用 CSS？
tr:hover ~ .redcell {
background: red;
}
tr:hover ~ .yellowcell {
background: red;
}<!DOCTYPE html>
<html>
<head>
</head>
<body>
<table id="table">
<tr>
<td>item1</td>
<td>item2</td>
<td>item3</td>
<td class="yellowcell">1</td>
</tr>
<tr>
<td>item1</td>
<td>item2</td>
<td>item3</td>
<td class="redcell">0</td>
</tr>
<tr>
<td>item1</td>
<td>item2</td>
<td>item3</td>
<td class="yellowcell">1</td>
</tr>
</table>
</body>
</html>您需要子组合器选择器：
tr:hover > .redcell {
background: red;
}
tr:hover > .yellowcell {
background: yellow;
}
tr:hover > .redcell {
background: red;
}
tr:hover > .yellowcell {
background: yellow;
} <table id="table">
<tr>
<td>item1</td>
<td>item2</td>
<td>item3</td>
<td class="yellowcell">1</td>
</tr>
<tr>
<td>item1</td>
<td>item2</td>
<td>item3</td>
<td class="redcell">0</td>
</tr>
<tr>
<td>item1</td>
<td>item2</td>
<td>item3</td>
<td class="yellowcell">1</td>
</tr>
</table>本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句