然而，有时候大家可能需要取消:hover效果。这个需求可能是因为大家想要在移动设备上禁用鼠标悬停效果，或者因为大家想要在特定情况下取消悬停效果。
取消:hover效果的方法非常简单，只需要在相关元素上定义pointer-events: none;属性即可。这将禁用元素的所有鼠标事件，包括:hover。
.example:hover {
background-color: #EFEFEF;
}
.example.disabled {
pointer-events: none;
}在上面的CSS代码中，大家定义了一个在悬停时改变背景颜色的样式，并且定义了一个用于禁用悬停效果的类.disabled。当该类被应用于.example元素时，这个元素将不会再出现悬停效果。
总之，取消:hover效果可以通过简单地定义pointer-events: none;来实现。这个方法在移动设备上非常有用，并且也适用于其他需要取消悬停效果的情况。