Переопределить всплывающие атрибуты псевдокласса CSS, когда установлен определенный html-класс

Question

Я пытаюсь отобразить наборы изображений с навигацией вверх и вниз в виде стрелок. Я добавил

cursor:pointer;

стрелкам при наведении курсора, чтобы подчеркнуть кликабельность. Однако, когда в определенном направлении больше нет изображений, я отключаю класс.

.disabled
{
    cursor:default;
}

Однако псевдокласс hover здесь имеет приоритет и меняет курсор на указатель. Как я могу предотвратить: hover, чтобы установить курсор на указатель, когда установлен .disabled? Это вообще возможно?

Answer 1

Добавить также

.disabled:hover {
   cursor: default;
}

Answer 2

Использование !important.

.disabled {
    cursor:default!important;
}

Реализация !important в IE6 содержит ошибки, поэтому, если вам потребуется ее поддержка, вам может быть лучше изменить порядок правил, чтобы получить необходимый приоритет для класса .disabled.

Дэвид Дорвард поднял интересный момент, чтобы отметить в комментариях. Применение значения к cursor в псевдоклассе :hover полностью избыточно. Следующие правила имеют одинаковый эффект:

.mylink { cursor:pointer; }
.mylink:hover { cursor:pointer; }

Поэтому вам следует избегать установки курсора в псевдоклассе и придерживаться

.mylink { cursor:hand; }