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

Question

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

У меня есть условие, где у нас есть код ниже. я хочу перезаписать tr:hover, когда используется класс greyLock. как это реализовать. я не могу удалить цвет фона: #EEE! важный; от tr:hover class.

tr:hover {
    background-color: #EEE !important;
    cursor: pointer;
}

.greyLock {
    background-color: #7A7A7A !important;
    cursor:default !important;
}

-1

javascript css

Источник

user4164626 29 окт '14 в 09:37

2 ответа

Решение

Тест с переопределением tr:hover на другой лист CSS и ссылку на HTML до первого листа

-4

Источник

user2214730 29 окт '14 в 09:42

Другие вопросы по тегам javascript css

user1835379 29 окт '14 в 09:45 2014-10-29 09:45 · Accepted Answer · 2014-10-29 09:45

!important Стили подчиняются тем же правилам специфичности, что и обычные CSS-стили при попытке их переопределить.

Сделать ваш .greyLock правило переопределить тот из tr:hoverвам нужно будет сделать селектор более конкретным.

В зависимости от вашего HTML, что-то вроде этого должно сделать свое дело:

tr.greyLock:hover {
    background-color: #7A7A7A !important;
    cursor:default !important;
}