如果它在CSS的伪类中，如何在悬停时改变外部SVG颜色

Question

我只想要该区域的html文件，我不想使用任何一个，或者我只是具有使用css pseudo做到这一点的好奇心和毅力。 我已经在他的导航栏中看到一个网站已经做到了 访问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

  

我已经看到一个网站已经做到了，就像我在他的导航栏中访问https://www.nationalww2museum.org

一样

此网站的导航栏使用图标字体，而不是SVG图像。无法更改通过URL集成的外部SVG的颜色。