我似乎无法弄清楚为什么Firefox使用默认的svg填充颜色而不是类的填充.
以下是查看FF检查员时的3次填充:
正在插入SVG
<svg class="icon">
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#menu-bag"></use>
</svg>
Run Code Online (Sandbox Code Playgroud)
它应该显示.skip-link .icon填充白色(#fff),但它实际上是使用#002649的SVG填充; 如果我将.skip-link .icon更改为.skip-link svg,那么它可以正常工作.为什么我不能使用类而是显式地声明元素?
我是否遗漏了一些关于Firefox如何填充SVG的明显内容?这个CSS在其他浏览器中工作正常.