css hover override, используя только css и JS

Question

У меня есть код, который я могу редактировать только CSS и JS. Проблема в том, что страница загружает по умолчанию css, который нельзя изменить, но вы можете запустить альтернативный css и JS для добавления контента на страницу и изменения css. Поэтому я думаю, что загруженный css переопределяет значение по умолчанию. Но проблема в том, что вы не можете просто сказать

a:hover { 
background-color: red; 
} 

Вы должны сбросить цвет фона ни с кем и добавить подчеркивание и прочее.

так как я могу сказать, что мой css помещает мой *: зависание важнее любого другого и удаляет зависание по умолчанию?

Answer 1

Включите в свой CSS и убедитесь, что вы загрузили его после default CSS.

a:hover { 
    background-color: NONE !important; 
} 

Использование Javascript

$('body').append('<style>a:hover { background-color: none !important; }</style>'); 

Answer 2

CSS-код может быть слишком вложенными. Добавление важного тега поможет. Но более семантично следить за поведением элементов. Щелкните правой кнопкой мыши элемент, который хотите стилизовать. Когда вы смотрите на редактор, вы увидите специфику с правой стороны (где находится css), а затем вы можете скопировать селектор, который у них есть. Использование этого селектора должно позволить вам перезаписать любые необходимые стили.

Далеко в правом верхнем углу изображения. Контейнер - это общий класс, используемый здесь. В некоторых случаях вы можете увидеть что-то вроде этого. (Из Фонда)

.top-bar-section li:not(.form) a:not(.button)