在我的 CSS 中,我有:
li.sort:hover {color: #F00;}
当 DOM 准备好时,我在类下的所有LI
元素sort
都可以正常工作。
如果我创建一个新 LI
元素(使用 mootools el.addClass(classname)
),我可以设置基类,但不知道如何向hover
它添加一个类。
有任何想法吗?
在我的 CSS 中,我有:
li.sort:hover {color: #F00;}
当 DOM 准备好时,我在类下的所有LI
元素sort
都可以正常工作。
如果我创建一个新 LI
元素(使用 mootools el.addClass(classname)
),我可以设置基类,但不知道如何向hover
它添加一个类。
有任何想法吗?
悬停伪类可以根据您指定的类名提前在样式表中定义。如:
li.classname:hover {color:#F000;}
所以它的定义方式相同,通过样式表。您只需提前计划,知道您将在具有特定类的 JS 生成的 LI 标记上定义类名,并为其设置样式,尽管列表项在您使用 JavaScript 创建之前不存在。
添加非悬停类时会自动添加悬停类。例如,如果你有
.MyClass
{
...
}
.MyClass:hover
{
...
}
只需添加MyClass
,即可MyClass:hover
。
:hover
不是一个类,而是一个伪选择器,它将选择鼠标当前悬停的任何元素。如果您创建一个li
元素并向sort
其添加类,那么每当您将鼠标移到该元素上时li.sort:hover
,如果浏览器工作正常,则应该激活该规则。
并非所有浏览器都会接受所有元素上的悬停伪类。您应该考虑使用 javascript 来实现此效果。例如,jQuery 使这变得非常容易。
并非所有浏览器都会接受所有元素上的悬停伪类。您应该考虑使用 javascript 来实现此效果。例如,jQuery 使这变得非常容易。
更具体地说,IE6 仅在锚 (a) 元素上选择 :hover 样式。