外部 CSS は、SVG グラフィックの外観を変更する便利な方法を提供します。これにより、スタイルを一元管理し、簡単に更新できるようになります。ただし、外部 CSS を SVG に適用する際に問題が発生した場合は、次の点を考慮してください。
提供されたシナリオでは、画像フォルダーに保存されている SVG グラフィックを変更することを目的としています。これらのグラフィックは を使用してレンダリングされます。 タグ内の要素で、ツールヒントとリンク機能が可能になります。
ただし、外部 CSS (main.css) は、SVG が HTML にインラインで含まれている場合にのみ SVG コンテンツに影響します。インラインとは、SVG コードを HTML ドキュメント自体の中に直接入れ子にすることを意味します。したがって、アプローチを少し変更する必要があります。
