Html 在引导中悬停菜单时更改SVG？

我正在制作一个

bootstrap inverse

菜单，但是，我想这样做，当您悬停菜单时，SVG徽标将更改为

fill:#fff

而不是默认的

#000

颜色。目前，我的代码如下：

.navbar反向：悬停{
背景：#fff；
}

切换导航

由于该结构没有导航条反转，并且您希望填充svg元素而不是div，因此您希望更改目标元素

.navbar品牌：悬停svg路径{
填充：#fff；
}

切换导航

我可能会迟到，但您想更改svg的填充

这是正确的css：

svg:hover path {
    fill: red;
}

---

您需要创建一个能正常工作的演示，演示您所面临的问题。@hunzaboy目前它只是默认的导航栏。我只是想让它成为这样，当您将鼠标悬停在navbar reverse上时，背景变为白色，navbar链接变为#333，SVG徽标变为另一种颜色，但我尝试的东西都不起作用）：您的代码只显示SVG。我们不能在看不到任何东西的情况下帮助你。试着创建一个提琴，把你的代码放进去。只是为了弄清楚为什么这是有效的，而你的答案是无效的。此答案将选择器从.navbar inverse:hover更改为.navbar brand:hover svg path。navbar inverse未应用于HTML页面上的任何元素。它还以SVG element.Ok中的路径元素为目标。我会解释的，汉克斯！我们只是想确保在答案中添加解释，以便人们能够理解他们的错误所在。