在 R Shiny 中更改 navbarPage 菜单栏的悬停字体颜色答案

【问题标题】：Change hover-over font color of navbarPage menu bar in R Shiny在 R Shiny 中更改 navbarPage 菜单栏的悬停字体颜色
【发布时间】：2018-10-22 17:26:35
【问题描述】：

当鼠标悬停在 R Shiny 应用程序的 navbarPage 菜单栏上的选项上时，我正在尝试使用带有内容的 CSS 文件更改字体颜色：

.navbar-default:hover {
    color: #F2E836;
    background-color: #000000 !important;
}

但是，这对我不起作用。有什么猜测吗？

【问题讨论】：

你能分享你的html标记吗？
嗨。我对这一切都很陌生；你的问题是什么意思？我所拥有的只是一个使用 navbarPage 功能的 R Shiny 应用程序，以及一个包含上述内容的单独 CSS 文件。我已经能够使用相同的 CSS 文件成功更改菜单栏其他部分的格式，例如背景颜色，所以不知道为什么上述方法不起作用。

标签： css r fonts shiny navbar

【解决方案1】：

见：Change color of bootstrap navbar on hover link?

（很抱歉重复这个问题，但我的问题标题肯定更准确地反映了我想要找出的内容，因此为什么我的搜索没有轻易揭示现有问题！）

【讨论】：

【解决方案2】：

试试这个：

.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {
    color: #F2E836 !important;
    background-color: #000000 !important;
}

如果样式在没有 !important 的情况下适用，则省略它。

!important 覆盖已在同一元素上定义的其他样式。过度使用!important 不是一个好习惯，因为它会混淆哪一行 CSS 应用于哪个元素。

希望这会有所帮助。

【讨论】：

感谢您的帮助。您能否进一步详细说明!important 位的含义？
感谢您的进一步解释。