如何将悬停类添加到元素？

Question

在我的CSS中我有：

li.sort:hover {color: #F00;}

当DOM准备就绪时，LI类下的所有sort元素都能正常运行。

如果我创建新 LI元素（使用mootools el.addClass(classname)），我可以设置基类，但无法弄清楚如何添加{{1它的类。

有什么想法吗？

Answer 1

可以根据您指定的类名在样式表中提前定义悬停伪类。如：

li.classname:hover {color:#F000;}

所以它通过样式表以相同的方式定义。您只需提前计划，知道您将使用某个类在JS生成的LI标记上定义类名称，并为其设置样式，尽管列表项在您使用JavaScript创建之前不存在。 / p>

Answer 2

添加非悬停类时会自动添加悬停类。例如。如果你有

.MyClass
{
...
}

.MyClass:hover
{
...
}

只需添加MyClass，MyClass:hover即可。

Answer 3

:hover不是类，而是一个伪选择器，它将选择鼠标当前悬停的任何元素。如果您创建li元素并向其添加sort类，那么只要您将鼠标移到元素上，如果浏览器正常工作，则应激活li.sort:hover规则

Answer 4

并非所有浏览器都会接受所有元素上的悬停伪类。您应该考虑使用javascript来实现此效果。例如，jQuery使这很容易。

Answer 5

  

并非所有浏览器都会接受所有元素上的悬停伪类。您应该考虑使用javascript来实现此效果。例如，jQuery使这很容易。

更具体地说，IE6只能选择：锚点（a）元素上的悬停样式。