Установка правил псевдокласса CSS из JavaScript

Question

Я ищу способ изменить правила CSS для селекторов псевдоклассов (например,: link,: hover и т. Д.) Из JavaScript.

Итак, аналог кода CSS: a:hover { color: red } в JS.

Я не мог найти ответ где-либо еще; если кто-то знает, что это не поддерживается браузерами, это также будет полезным результатом.

Answer 1

Если вы используете РЕАКТ, есть нечто, называемое радий . Это так полезно здесь:

• Добавить обработчики в реквизит, если указаны интерактивные стили, например, onMouseEnter для: hover, при необходимости оборачивая существующие обработчики

• Если сработал какой-либо из обработчиков, например, при наведении мыши Radium вызывает setState, чтобы обновить специфичное для Radium поле компонентов государственный объект

• При повторном рендеринге разрешите все применимые интерактивные стили, например, : hover, ища ключ элемента или ref в специфичных для Radium состояние

Answer 2

В jquery вы можете легко установить псевдо-классы при наведении курсора.

$("p").hover(function(){
$(this).css("background-color", "yellow");
}, function(){
$(this).css("background-color", "pink");
});