Jquery 如何更改单页应用程序上导航栏的活动颜色[引导]

我一直在尝试制作概念简介页面，到目前为止，我一直在尝试将导航栏的活动背景色更改为默认白色以外的颜色

我试过使用“.nav li:active”，但这只会在我点击按钮时改变颜色，然后它再次变为白色。“body.nav>.active>a”也不起任何作用，因此在这一点上，我不知道应该如何定制它

.navbar{
背景色：#1A85C9；
填充：20px；
边框样式：无；
}
.navbar品牌{
字体大小：30px；
字体系列：铜版哥特式灯光，无衬线；
颜色：白色；
左侧填充：300px；
右侧填充：300px；
}
纳瓦尔先生{
字体大小：30px；
字体系列：铜版哥特式灯光，无衬线；
颜色：白色！重要；
}
李导航：主动{
背景色：#D65108！重要；
}
李国荣先生{
左边距：10px
}
body.nav>.active>a{
背景色：#EFA00B
}
李海军：悬停{
背景色：#003EBA；
边界半径：10px
}
#关于{
填充：40px；
高度：500px；
背景色：#ED3500
}
#投资组合{
填充：40px；
高度：500px；
背景色：#F09F00
}
#接触{
填充：40px；
高度：500px；
背景色：#8AD13B
}

所以我计算出活动颜色随时间而变化

.navbar default.navbar nav>.active>a，
.navbar默认值.navbar nav>.active>a:悬停，
.navbar默认值.navbar nav>.active>a:焦点{
背景色：######；
}

所以我计算出活动颜色随时间而变化

.navbar default.navbar nav>.active>a，
.navbar默认值.navbar nav>.active>a:悬停，
.navbar默认值.navbar nav>.active>a:焦点{
背景色：######；
}

只是对未来的一个建议（如果您觉得有帮助）：

若您想更改任何元素的属性，只需右键单击该元素并单击“inspect element”（或在chrome中执行PF12）。然后，您将看到应用的元素或类，然后您可以轻松地决定需要进行哪些更改以及更改的位置

---

.

只是对未来的一个建议（如果您觉得有帮助）：

若您想更改任何元素的属性，只需右键单击该元素并单击“inspect element”（或在chrome中执行PF12）。然后，您将看到应用的元素或类，然后您可以轻松地决定需要进行哪些更改以及更改的位置

.

navbar先生{
背景色：#1A85C9；
填充：20px；
边框样式：无；
}
.navbar品牌{
字体大小：30px；
字体系列：铜版哥特式灯光，无衬线；
颜色：白色；
左侧填充：300px；
右侧填充：300px；
}
纳瓦尔先生{
字体大小：30px；
字体系列：铜版哥特式灯光，无衬线；
颜色：白色！重要；
}
李导航：主动{
背景色：#D65108！重要；
}
李国荣先生{
左边距：10px
}
body.nav>.active>a{
背景色：#EFA00B
！重要；
边界半径：10px；
}
李海军：悬停{
背景色：#003EBA；
边界半径：10px
}
#关于{
填充：40px；
高度：500px；
背景色：#ED3500
}
#投资组合{
填充：40px；
高度：500px；
背景色：#F09F00
}
#接触{
填充：40px；
高度：500px；
背景色：#8AD13B
}

navbar先生{
背景色：#1A85C9；
填充：20px；
边框样式：无；
}
.navbar品牌{
字体大小：30px；
字体系列：铜版哥特式灯光，无衬线；
颜色：白色；
左侧填充：300px；
右侧填充：300px；
}
纳瓦尔先生{
字体大小：30px；
字体系列：铜版哥特式灯光，无衬线；
颜色：白色！重要；
}
李导航：主动{
背景色：#D65108！重要；
}
李国荣先生{
左边距：10px
}
body.nav>.active>a{
背景色：#EFA00B
！重要；
边界半径：10px；
}
李海军：悬停{
背景色：#003EBA；
边界半径：10px
}
#关于{
填充：40px；
高度：500px；
背景色：#ED3500
}
#投资组合{
填充：40px；
高度：500px；
背景色：#F09F00
}
#接触{
填充：40px；
高度：500px；
背景色：#8AD13B
}

我想最好的方法是使用jquery添加点击时激活的…我想最好的方法是使用jquery添加点击时激活的…你应该为你所做的添加一个解释…你应该为你所做的添加一个解释。。。