使用CSS添加:hover类

Question

6

首先声明，我不能使用 JavaScript。

因此，我的问题是：我想在鼠标悬停在一个元素时，能够添加一个类。我不能将样式添加到 :hover 中，因为它们很多。

我在页面上使用了 animate.css。有大量的效果，例如当用户在页面中悬停元素时，我想添加 "fadeInUp" 类。用 JavaScript 实现这个很简单，但用 CSS 呢？在 :hover 时添加一个类，这可能吗？

- Samul

1

你不能使用CSS添加一个类。根据你的意图，你可以模仿添加类的效果。请创建一个例子。 - I haz kode

当然，你可以使用JavaScript在鼠标移入或移出事件上添加/删除一个类。 - Nisarg Shah

我不明白为什么你不能自己添加另一个自定义类，并在:hover时给它所需类的样式。如果有许多样式，它仍然与具有许多样式的类相同。 - Ryan Walker

你可以使用jQuery来实现。覆盖OnMouseOver和OnMouseOut事件...并相应地应用/删除你的类。 - Prisoner ZERO

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Mark · Accepted Answer

简单来说，不行。

假设我理解您的意思，您想要添加一个类。
这是不可能的。

但如果您愿意，您可以从提到的animate.css文件中复制所需的CSS代码，并将其应用于伪类选择器:hover上。

除了使用其伪类选择器之外，CSS没有直接操作类和ID的方法。

希望这能有所帮助！