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

Question

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

HTML：

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

CSS：

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

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

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

Answer 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>