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

  • Z时代
  • 2024-01-10
  • 分类：问答

当您将鼠标悬停在元素上时，我的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>

以上是 从元素中删除&#39;：hover&#39;CSS行为 的全部内容， 来源链接： utcz.com/qa/435655.html

回到顶部