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

Question

[Юрий Жарский]

имеется, к примеру, код

<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;
}

игнорирует. как быть?

Answer 1

[Виктор]

Вставить svg кодом, вы пытаетесь обратится не к существующему элементу.

Comments

[Юрий Жарский]

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

Answer 2

[Егор Поляков]

Есть прямой пример без костылей > на примитиве встраивания кода SVG-элементов кнопок для виртуальной клавиатуры в тело HTML страницы и изменение цветов при наведении и нажатии: https://bundlespace.com/intro/lessons/lesson-desig...