html - css 样式表 :hover does not work when background image set from js.

Question

我有一个 div，我向其中添加了表格列表，以创建菜单效果，我使用 CSS 样式为每个表格设置背景，如下所示:

table
{
  background: url('normal.png') no-repeat right top;
  cursor: pointer;
  margin: 0px;
}

我在 Hover 事件中改变表格的背景图片如下:

table:hover
{
  background: url('hover.png') no-repeat right top;
}

我想做的是，当用户点击其中一个表格时，我想显示一些不同的背景图像，并且它应该一直保留在那里，直到用户从列表中选择另一个表格。

如何在 CSS 中存档。

谢谢。

Answer 1

我认为仅使用 CSS 无法实现这一目标。

我会尝试使用 jQuery 向表中添加和删除类。