TD Hover不起作用

Question

我有以下CSS:

        td: hover {
        background-color:red;
        }



        td {
        cursor: pointer;
        background-color: rgb(150,150,150);
        }

我的HTML只是:

<table>
<tr><td> </td></tr>
</table>

我无法hover上班.这是为什么？

Answer 1

:hover是一个伪选择器,一切:都是这样的(例如:active,:before等等).

这可能与指定值混淆:

something: value;

因此,您需要将伪选择器视为单独的对象,而不是值.

这就是为什么你需要修复td: hover它所以它看起来像td:hover.

请注意,如果你td像这样放一个空格:

td :hover { ...

这相当于:

td: *:hover { ...

因此将选择所有下降的项目td并在悬停时应用样式(请参阅此示例).

请记住,空格在CSS中有意义.

Answer 2

您需要删除之前的空格:hover:

td:hover {
    background-color: red;
}