Можно как то запретить срабатывание :hover css до повторного наведения?
Я думаю сталкивались многие, в чем суть:
Имеем допустим кнопку, которая по клику получает дополнительный класс active но у кнопки есть эффект :hover который тут же срабатывает так как после клика курсор по прежнему находится на кнопке.
Вместо того чтобы видеть зеленую кнопку после клика, мы видим синюю так как hover внес свои поправки.
Как запретить срабатывание :hover сразу, а разрешить только при повторном наведении курсора?
Владимир Ионенко, не совсем то, залил в песочницу код. П умолчанию кнопка красная, ховер - оранжевый, активная кнопка зеленая, а ховер активной кнопки - синий.
Если навести на кнопку и кликнуть - она станет синей, так как hover перероет цвет. А нужно чтобы по клику и пока не увести курсор и навести обратно - кнопка была зеленой. То же будет если сбросить класс active (чтобы была красной, а не оранжевой)
