当您将鼠标悬停在元素上时,我的CSS会更改格式。
HTML:
<div class="test"> blah </div>
CSS:
.test:hover { border: 1px solid red; }
在某些情况下,我不想在悬停时应用CSS。一种方法是使用jQuery从div中删除CSS类,但这会破坏其他事情,因为我也使用该类来格式化其子元素。
因此,我提出了一个问题:是否有办法从元素中删除“悬停” css样式?
我将使用两个类。保留测试类,并添加一个名为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>