Javascript 如何向元素添加悬停类？

在我的CSS中，我有：

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

DOM就绪时，

sort

类下的所有my

LI

元素都能正常工作

如果我创建一个新的

元素（使用mootools

el.addClass（classname）

），我可以设置基类，但不知道如何向它添加

悬停类

有什么想法吗？
可以根据指定的类名在样式表中提前定义hover伪类。例如：

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

所以它的定义是相同的，通过样式表。您只需提前计划，知道您将使用特定类在JS生成的LI标记上定义类名，并为其定义样式，尽管列表项在使用JavaScript创建之前并不存在。
可以根据您指定的类名在样式表中提前定义悬停伪类。例如：

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

所以它的定义是相同的，通过样式表。您只需提前计划，知道您将使用特定类在JS生成的LI标记上定义类名，并为其定义样式，尽管列表项在您使用JavaScript创建之前不存在。
当您添加非悬停类时，悬停类将自动添加。如果你有

.MyClass
{
...
}

.MyClass:hover
{
...
}

只需添加
MyClass
，则
MyClass:hover
将起作用。
在添加非hover类时，将自动添加hover类。如果你有

.MyClass
{
...
}

.MyClass:hover
{
...
}

只要添加
MyClass
，MyClass:hover

就可以了。

：hover

不是一个类，而是一个伪选择器，可以选择鼠标当前悬停的任何元素。如果创建

li

元素，并将

sort

类添加到该元素中，则每当将鼠标移动到该元素上时，如果浏览器工作正常，则应激活

li.sort:hover

规则。

：hover

不是类，但是是一个伪选择器，它将选择鼠标当前悬停的任何元素。如果创建

li

元素，并向其添加

sort

类，则每当将鼠标移动到该元素上时，如果浏览器工作正常，则应激活

li.sort:hover

规则。

并非所有浏览器都会在所有元素上接受hover伪类。你应该考虑使用JavaScript来实现这个效果。例如，jQuery使这变得非常容易。

并非所有浏览器都会在所有元素上接受hover伪类。你应该考虑使用JavaScript来实现这个效果。例如，jQuery使这变得非常简单

---

并非所有浏览器都会在所有元素上接受hover伪类。你应该考虑使用JavaScript来实现这个效果。例如，jQuery使这变得非常简单

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

---

并非所有浏览器都会在所有元素上接受hover伪类。你应该考虑使用JavaScript来实现这个效果。例如，jQuery使这变得非常简单

---

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

类和id名称不能以大写字母开头。XML标记名称和属性都应该是小写的，但我从来没有听说过id和类名不能大写？这是什么规范？类和ID可以以大写字母开头。类和id名称不能以大写字母开头。XML标记名称和属性都应该是小写的，但我从来没有听说过id和类名不能大写？这是什么规范？类和ID可以以大写字母开头。MyClass：悬停对新元素不起作用，似乎所有浏览器都不考虑新插入的DOM元素上的此类伪类。我必须通过为

mouseover

和

mouseleave

事件添加一个新的事件处理程序来解决这个问题，并向元素添加/删除一个常规的MyHover类。不理想，但工作。MyClass：悬停不工作的新元素，似乎所有的浏览器只是不考虑这样的伪类新插入的DOM元素。我必须通过为

mouseover

和

mouseleave

事件添加一个新的事件处理程序来解决这个问题，并向元素添加/删除一个常规的MyHover类。不是很理想，但很有效。