1

: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}

对于其中一个类中的一个元素，我希望它不参与悬停庆祝活动，但仍希望它出现在类中。我不想只为悬停创建新类。这可能吗？

4

3 回答 3

2

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

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;
}
​
于 2012-09-03T03:57:32.740 回答
0

只需更具体地定位您的目标即可。假设您有很多带有“foo”类的东西 - 而不是使用.foo:hover {color:red}, 然后p .foo:hover {color:black}, table .foo:hover {color:black}，只是说.container p .foo:hover {color:red}，那么其他实例将不会应用该样式。那有意义吗？

于 2012-09-03T03:20:42.657 回答
0

据我收集...这是不可能的:(

于 2012-12-26T17:58:10.660 回答