Задать вопрос
kd241286zjv
@kd241286zjv
Vue.js dev

Как изменить стили svg при ховере родителя?

имеется, к примеру, код
<div>
<object data="path.svg" type="image/svg+xml"></object>
</div>

вопрос вот какой: как по ховеру на div изменить стили svg?
если задать класс (к примеру, .svg-image) внутри svg и сделать ссылку на файл с таблицей стилей, то он примет во внимание только стили вида
.svg-image{
 fill:#333;
}

но вот такие:
div:hover .svg-image{
fill:#333;
}

игнорирует. как быть?
  • Вопрос задан
  • 561 просмотр
Подписаться 1 Средний Комментировать
Решение пользователя Виктор К ответам на вопрос (2)
@futior
Вставить svg кодом, вы пытаетесь обратится не к существующему элементу.
Ответ написан