在第一行悬停后第一次更改表格

Question

我需要在使用此图像悬停一行后更改表格中的图像。

查看代码，然后你会理解我。

table.contact tr:hover + div#email{
    background: url("http://s30.postimg.org/k9i7nej1p/email_hover.png");
}

Here是完整代码

我尝试+，<和~来更改div after hover，但没有人想要工作。

Answer 1

删除+所以只有

table.contact tr:hover div#email{
    background: url("http://s30.postimg.org/k9i7nej1p/email_hover.png");
}

我也推荐CSS Sprites来完成这样的任务