Html Can'；t:将桌子的整行悬停

当我将鼠标放在表格的某个单元格上时，我想突出显示整行！但是有了我所有的代码，我只能突出显示一个单元格！这是我的桌子：

<table id="myTable" class="tablesorter"> 
    <thead> 
        <tr> 
            <th>Title1</th> 
            <th>Title2</th> 
            <th>Title3</th> 
        </tr> 
    </thead> 
    <tbody>
        <tr> 
            <td>Bach</td> 
            <td>42526</td> 
            <td>Dec 10, 2002 5:14 AM</td> 
        </tr> 
        <tr> 
            <td>Doe</td> 
            <td>243155</td> 
            <td>Jan 18, 2007 9:12 AM</td> 
        </tr> 
        <tr> 
            <td>Conway</td> 
            <td>35263</td>
            <td>Jan 18, 2001 9:12 AM</td> 
        </tr> 
    </tbody> 
</table>

---

我的CSS中缺少什么来突出显示整行内容

您只需删除选择器中的空格即可：

table.tablesorter tbody tr:hover
                       /* ^ space was removed */

---

因为你留下一条评论说“它不起作用”：

请参见此处，它的工作原理：

---

根据您的编辑，这将起作用：

table.tablesorter tbody tr:hover td {
    background: #8dbdd8;
}

问题是您的

td

s上的

背景色

覆盖了

tr

悬停上更改的

背景色

请参阅：
您需要删除tr和：hover之间的空格。如中所示，更改以下内容：

tr :hover

致：

你的目标浏览器是什么？它在webkit/FF中工作：是的，我的示例在Chrome中工作。你试过我贴的链接了吗？是的，我试过。。它在那里工作。我会试着把我所有的css代码都发布到那里。。感谢您的链接尝试删除td类的背景色无效。。。如果没有空格，即使有一个单元格也会停止高亮显示，但您同意它在我的JSFIDLE演示中起作用吗？这个事实意味着你在最初的问题中遗漏了一些重要的信息。是的。。我看到它在那里工作。。。但是另一个css代码与表排序相关。这可能会影响：悬停？是的，一定有其他因素影响它。这里有JavaScript吗？需要更多的信息来解决这个问题。链接到实时页面将是最快的方式。如果这不是一个选项，你可以尝试显示你的整个CSS。我发现使用chrome开发者工具（或firefox中的firebug）来查看应用于元素的样式确实有助于快速了解这些情况。
tr :hover

tr:hover