如何修改导航栏激活项颜色？需将#0bb4aa改为#039258

首先排查两个核心问题：CSS优先级不足导致样式被覆盖，或者激活项的颜色属性未明确设置。按以下步骤调整代码：

调整后的CSS代码 #

/* 针对主题用.current_page_item标记激活项的情况 */
.navbar-nav .current_page_item > a {
  background-color: #FFFFFF;
  color: #039258 !important; /* 强制覆盖冲突样式 */
}

/* 针对主题用.active标记激活项的情况 */
.navbar-nav li.active > a,
.navbar-nav li>a:hover,
.navbar-nav li>a:focus {
  background-color: #039258;
  color: #FFFFFF; /* 可选：深色背景搭配白色文本，提升可读性 */
}

关键说明 #

• 增加父选择器.navbar-nav提升CSS优先级，避免被其他低优先级样式覆盖。
• 若#0bb4aa仍未被替换，使用!important强制覆盖（仅在优先级调整无效时使用）。
• 明确设置color属性，确保激活项的文本/背景颜色完全符合配色需求。

内容的提问来源于stack exchange，提问作者Anthony Savarese