CSS
#MyTable tr+tr:hover {
background: #dfdfdf;
}
HTML
<table id="myTable">
<tr>
<td>A</td>
<td>B</td>
<td>C</td>
</tr>
<tr>
<td>1</td>
<td>2</td>
<td>X</td>
</tr>
<tr>
<td>3</td>
<td>4</td>
<td>X</td>
</tr>
</table>
我设法悬停第2行和第3行，但是在2和3上悬停时，如何跳过td(X)。最好不要使用jQuery选择器。
解决方法
使用
:not()，
:first-child和
:last-child。
#myTable tr:not(:first-child):hover td:not(:last-child) {
background: #dfdfdf;
}
另见this example。
