小编典典

从元素中删除':hover'CSS行为

css

当您将鼠标悬停在元素上时,我的CSS会更改格式。

HTML:

<div class="test"> blah </div>

CSS:

.test:hover {  border: 1px solid red; }

在某些情况下,我不想在悬停时应用CSS。一种方法是使用jQuery从div中删除CSS类,但这会破坏其他事情,因为我也使用该类来格式化其子元素。

因此,我提出了一个问题:是否有办法从元素中删除“悬停” css样式?


阅读 2294

收藏
2020-05-16

共1个答案

小编典典

我将使用两个类。保留测试类,并添加一个名为testhover的第二类,该类仅添加到您要悬停的类中-
与测试类一起。这不是您直接问的问题,但是如果没有更多上下文,这似乎是最好的解决方案,并且可能是最干净,最简单的方法。

例:

.test {  border: 0px; }

.testhover:hover {  border: 1px solid red; }


<div class="test"> blah </div>

<div class="test"> blah </div>

<div class="test testhover"> blah </div>
2020-05-16