Как происходит наследование стилей в svg?

Question

[godsplan]

На примере этой свг

<svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
<g id="ideate/line/love" clip-path="url(#clip0_1759_26884)">
<path id="Vector" d="M9.80284 17.5752C-5.19626 5.10188 4.05213 -0.993139 9.78866 4.01376C9.89165 4.10366 9.94315 4.14861 9.99941 4.14861C10.0557 4.14861 10.1072 4.10366 10.2102 4.01376C15.9467 -0.993139 25.1951 5.10188 10.196 17.752C10.1011 17.6542 10.0536 17.6936 9.99941 17.6936C9.94519 17.6936 9.89774 17.6542 9.80284 17.5752Z" 
 stroke="red" stroke-width="1.5" stroke-linecap="round"/>
</g>
<defs>
<clipPath id="clip0_1759_26884">
<rect width="20" height="20" fill="white"/>
</clipPath>
</defs>
</svg>

Мне нужно при хавере задать stroke у path red, но при этом обращась только в svg тегу, так как я использую спрайт через use.

Как это можно сделать?Я знаю только способ через currentcolor

Comments

[Ankhena]

Точно также как и с fill.
Убираем из svg, задаем через стили.

Хочется и удобно через currentColor, делайте через currentColor

[godsplan]

Ankhena, если убрать stroke из path и задать через стил svg { stroke:red }, то как поянл этот stroke попадет на svg а не на path

[szQocks]

godsplane, задавай стиль не svg а path

svg:hover path {
  stroke: aqua;
}

[Ankhena]

godsplane, покажите в песочнице куда он у вас попадает и картинку куда должен

[godsplan]

szQocks, я написал в вопросе что не могу так делать

Answer 1

[Aetae]

Ты можешь использовать css переменные.