如何修改导航栏答案

【问题标题】：How to modify navigation bar如何修改导航栏
【发布时间】：2015-12-16 03:44:48
【问题描述】：

如何使导航栏使所选页面的颜色与其他选项卡不同？我正在使用 Xenforo，因此它使用 xenforo 代码、HTML 和 CSS。

我对 HTML 和 CSS 没问题，但我不知道该怎么做。

提前致谢，

特雷弗

【问题讨论】：

标签： html css forums xenforo

【解决方案1】：

您可以使用 CSS 轻松做到这一点。如果您的导航看起来像这样：

<ul class="nav">
  <li class="active">Home</li>
  <li>Page 1</li>
  <li>Page 2</li>
</ul>

那么你所要做的就是改变“活动”项目的样式，像这样：

.nav li {
  //regular style
}
.nav li.active {
   //do something different!
   color: red; //change the color to red
   background-color: #999; //change the background color to light grey
}

您只需为每个页面设置class="active" 以标记您所在的页面。

【讨论】：

赞赏，但是 Navigation.css 和导航的 Xenforo 默认代码非常复杂（对我而言），所以我不知道如何正确修改它。