html - 如何关闭:hover with CSS?

Question

有没有办法用 CSS 完全关闭元素的悬停事件？

我的用例:

我有一份由 <a> 制成的产品 list 元素。我不希望悬停事件改变页面上的任何内容以最大化页面滚动的帧率。

---

我会写

a:hover {
    text-decoration: none;
    ...
}

但是有没有一种方法可以让元素完全变成 :hover，这样我就不需要重写样式了？

Answer 1

对正常和悬停效果使用相同的样式。这样，当您悬停链接时，链接将具有相同的样式，就像您不悬停时一样。

您无需禁用它，但它会起作用。

a, a:hover {
   ... your style here ...;
}