一旦在样式表中声明: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}
,那么其他实例就不会应用该样式。这有道理吗?
根据我收集的。。。这是不可能的:(