Я хочу активировать состояние наведения значка, которое определено от стороннего производителя и импортировано в проект.
Я хотел бы получить только решение CSS, и перезапись существующих правил была бы бессмысленной, так как каждая иконка имеет разные изменения / свойства, которые требуют много перепечатывания.
HTML
<a class="activate-hover-state-on-both" href="#">
<icon class="profile"></icon> Profile
</a>
CSS
.activate-hover-state-on-both:hover > icon {
// ACTIVATE HOVER STATE AS STYLES ARE INHERITED FROM 3rd PARTY AND NOT OVERWRITE BEHAVIOUR
}
Если нет опции с использованием чистого CSS, какие у меня варианты с использованием Vanilla JS?