html - 设置特定 html-class 时覆盖悬停伪类 CSS 属性

Question

我正在尝试以箭头的形式显示具有向上和向下导航的图像集。我已经添加了

cursor:pointer;

悬停时的箭头以强调可点击性。但是，当某个方向上不再有图像时，我将该类设置为禁用。

.disabled
{
    cursor:default;
}

但是，hover 伪类在这里优先，并将光标更改为指针。当设置 .disabled 时，如何防止 :hover 将光标设置为指针？这有可能吗？

Answer 1

还添加

.disabled:hover {
   cursor: default;
}