Html CSS悬停在带有子元素的div元素内

我想更改“网站”和“主页”的悬停颜色

但不起作用。。。我如何让它工作？

a:hover  {

正在处理正文页中的其他链接 但是不适用于div元素内的文本。

非常感谢

使用以下命令：

.navbar a:hover{
    color: #fc4c1d !important;
}

演示：

---

我猜您是在使用引导来设计页面样式

引导添加一些规则来设置

a:hover  {

.navbar a:hover{
    color: #fc4c1d !important;
}

.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
color: #333333;
background-color: transparent;
}