SVG オブジェクトの親 html タグに応じて、パスの色を変更したいと考えています。これは SVG で実行できますか? たとえば、ロゴがヘッダーにある場合は赤、フッターにある場合は青にします。次に例を示します。
<style type="text/css">
#header-img {
fill:blue;
}
#footer-img {
fill:black;
}
</style>
...
<header>
<object id="header-img" type="image/svg+xml" data="myimg.svg" />
</header>
...
<footer>
<object id="footer-img" type="image/svg+xml" data="myimg.svg" />
</footer>
確かに、これはできませんが、JavaScript を使用しない代替手段はありますか?