Добрый день. Никак не могу изменить цвет у некоторой g
в svg
при наведении.
На странице есть картинка SVG=logo
c одной из G=d1
Вставка:
<svg class="logo" width="74" height="22">
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#logo"></use>
</svg>
Теперь хотелось бы, чтобы при наведении на svg
менялась заливка g
-шечки на другой цвет.
.d1 {
fill: #D22856;
}
.d1:hover {
fill: #283645;
}
.logo:hover {
fill: #283645;
}
.logo:hover g {
fill: #283645;
}
.logo:hover #d1 {
fill: #283645;
}
Чего только не пробовал - ничего не помогает. Буду признателен за совет.
g
у вас вsvg
? Я нет.