在样式表中声明元素后，删除该元素的悬停属性

Remove hover property for an element after it is declared in stylesheet

本文关键字：元素 删除 属性 悬停 样式 声明      更新时间：2023-09-26

一旦在样式表中声明:hover效果，是否可以删除或取消它？

例如。。

我在样式表中有一个具有:hover效果的类。对于这个类中的一个元素（有很多），我不希望有这些悬停效果。

所以，与其浏览我想做这件事的每一堂课，有没有一种方法可以简单地取消:hover效应？我想这可能需要一些javascript。

更新一个简单的例子：

.class1 {a bunch of properties that vary based on the class}
.class1:hover {a bunch of properties that vary based on the class}
.class2 {a bunch of properties that vary based on the class}
.class2:hover {a bunch of properties that vary based on the class}

对于其中一个课程中的一个元素，我希望它不要参加盘旋的庆祝活动，但仍然希望它在课堂上。我不想只为悬停创建新的类。这可能吗？

在不知道悬停时更改的实际代码或属性的情况下，解决此问题的一种方法是将属性改回，例如：

http://jsfiddle.net/MfqDg/

<div class="class1"></div>
<div class="class1"></div>
<div class="class1"></div>​
.class1{
    width: 100px;
    height: 100px;
    border: 1px solid;
    margin: 20px;
}
.class1:hover{
    background: #000;
}
.class1:nth-child(2):hover{
    background: none;
}
​

只需更具体地确定目标。假设你有很多关于类"foo"的东西——而不是使用.foo:hover {color:red}，然后使用p .foo:hover {color:black}，table .foo:hover {color:black}，只说.container p .foo:hover {color:red}，那么其他实例就不会应用该样式。这有道理吗？

根据我收集的。。。这是不可能的：（

相关文章：