如果它在 css 中的伪 class 中，如何在悬停时更改外部 svg 颜色

Question

我只想要那个区域的 html 文件，我不想使用或任何我只是好奇并坚持使用 css 伪文件。我已经看到一个网站已经做到了，正如我在他的导航栏中所想的那样访问 https://www.nationalww2museum.org?

我尝试了很多方法，但据我所知似乎不可能。

** 那是 HTML **

<li id="upper-header-content-nav-ul-li" style="margin-left: 30px;">
<a href="#select" id="upper-header-content-nav-ul-li-a">SELECT LANGUAGE</a>
</li>

** 那是 CSS **


#upper-header-content-nav-ul-li-a[href="#select"]::before{
    background-image: url(world1.svg) ;
    content: '';
    height: 22px;
    width: 27px;
    margin-top: 1px;
    display: inline-block;
    size: contain;
    background-repeat: no-repeat;
    vertical-align: middle;
}

Answer 1

I have seen a website did it already as i think in his navigation bar visit https://www.nationalww2museum.org

本网站的导航栏使用图标字体，而不是 SVG 图片。无法更改 URL.

集成的外部 SVG 的颜色

如果它在 css 中的伪 class 中，如何在悬停时更改外部 svg 颜色

how to make external svg color's change on hover if it's in a pseudo class in css

html

css

svg

hover

pseudo-element