Html 如何更改引导导航菜单的颜色？

我想改变“家庭”“旋转”“社交媒体”的颜色，但不知道如何改变。我花了几天时间研究如何更改导航背景，但对颜色没有任何线索，因为我只想将灰色更改为白色，并更改悬停颜色。我可以将颜色更改为白色，但悬停颜色将被忽略。有没有一种方法可以做到这一点

下面是我如何更改导航背景颜色的

.navbar-inverse {
    background-color:#66ccff;
    background-image: none;
    background-repeat: no-repeat;
}

如果有帮助的话：D

.navbar .nav > li > a 

这就是你要寻找的目标

这就是你要寻找的目标

这就是你要寻找的目标

---

这就是你要寻找的目标

要自定义，请使用以下选择器

（注意，如果您的自定义项是在引导css之后加载的，即您的

是在

之后加载的，则不需要

！重要的
）

/*链接*/
.navbar反向。navbar导航>li>a{
颜色：红色！重要；
}
/*活动、焦点或悬停链接*/
.navbar inverse.navbar nav>.active>a，
.navbar inverse.navbar nav>.active>a:焦点，
.navbar inverse.navbar nav>.active>a:悬停{
颜色：红色！重要；
}

要自定义，请使用以下选择器

（注意，如果您的自定义项是在引导css之后加载的，即您的
是在
之后加载的，则不需要
！重要的
）

/*链接*/
.navbar反向。navbar导航>li>a{
颜色：红色！重要；
}
/*活动、焦点或悬停链接*/
.navbar inverse.navbar nav>.active>a，
.navbar inverse.navbar nav>.active>a:焦点，
.navbar inverse.navbar nav>.active>a:悬停{
颜色：红色！重要；
}

要自定义，请使用以下选择器

（注意，如果您的自定义项是在引导css之后加载的，即您的
是在
之后加载的，则不需要
！重要的
）

/*链接*/
.navbar反向。navbar导航>li>a{
颜色：红色！重要；
}
/*活动、焦点或悬停链接*/
.navbar inverse.navbar nav>.active>a，
.navbar inverse.navbar nav>.active>a:焦点，
.navbar inverse.navbar nav>.active>a:悬停{
颜色：红色！重要；
}

要自定义，请使用以下选择器

（注意，如果您的自定义项是在引导css之后加载的，即您的
是在
之后加载的，则不需要
！重要的
）

/*链接*/
.navbar反向。navbar导航>li>a{
颜色：红色！重要；
}
/*活动、焦点或悬停链接*/
.navbar inverse.navbar nav>.active>a，
.navbar inverse.navbar nav>.active>a:焦点，
.navbar inverse.navbar nav>.active>a:悬停{
颜色：红色！重要；
}

这是对导航组件和经常更改的属性的相对全面的细分。我建议在主navbar div中使用自定义类（
navbar custom
用于本例），以避免直接更改基础CSS


/***导航栏背景色，删除边框，边框半径Sqaure***/
.navbar.navbar-custom{
背景：#66ccff；
边界：无；
边界半径：0；
}
/***链接颜色***/
.navbar.navbar-custom.navbar-nav>li>a{
颜色：#f00；
}
/***链接颜色悬停状态***/
.navbar.navbar-custom.navbar-nav>li>a:悬停{
颜色：#ff0；
}
/***链接背景和颜色活动状态***/
.navbar.navbar-custom.navbar nav>.active，
.navbar.navbar-custom.navbar-nav>.active>a，
.navbar.navbar-custom.navbar-nav>.active>a:悬停，
.navbar.navbar-custom.navbar-nav>.active>a:焦点{
背景#DBF022；
颜色：#66ccff；
}
/***Navbar品牌链接颜色***/
.navbar.navbar-custom.navbar品牌{
颜色：#f00；
}
/***导航栏品牌链接颜色悬停状态***/
.navbar.navbar-custom.navbar品牌：悬停{
颜色：#ff0；
}
/***下拉式背景活动状态***/
.navbar.navbar-custom.nav li.dropdown.open>.dropdown切换，
.navbar.navbar-custom.nav li.dropdown.active>.dropdown切换，
.navbar.navbar-custom.nav li.dropdown.open.active>.dropdown切换{
背景#DBF022；
颜色：#f00；
}
/***下拉菜单背景色***/
.navbar.navbar-自定义.下拉菜单{
背景：#66ccff；
边界：无；
}
/***下拉菜单颜色***/
.navbar.navbar-custom.下拉菜单>li>a{
颜色：#f00；
}
/***下拉菜单颜色悬停和焦点状态***/
.navbar.navbar-custom.下拉菜单>li>a:悬停，
.navbar.navbar-custom.下拉菜单>li>a:焦点{
颜色：#ff0；
背景：#f00；
}
/***切换按钮***/
.navbar.navbar-自定义.navbar标题.navbar切换{
边框颜色：#f00；
}
/***切换按钮悬停和焦点状态***/
.navbar.navbar-custom.navbar标题.navbar切换：悬停，
.navbar.navbar-custom.navbar标题.navbar切换：焦点{
背景：#f00；
边界：#f00；
}
/***塌陷边界***/
.navbar.navbar-custom.navbar折叠{
边界：无；
}
@介质（最大宽度：767px）{
.navbar.navbar-自定义li.dropdown.下拉菜单>li>a{
颜色：#f00；
}
/***下拉菜单颜色悬停和焦点状态***/
.navbar.navbar-custom li.dropdown.dropdown menu>li>a:悬停，
.navbar.navbar-自定义li.dropdown.下拉菜单>li>a:焦点{
颜色：#ff0；
背景：#f00；
}
}

切换导航
















这是对导航组件和经常更改的属性的相对全面的细分。我建议在主navbar div中使用自定义类（
navbar custom
用于本例），以避免直接更改基础CSS


/***导航栏背景色，删除边框，边框半径Sqaure***/
navbar先生