如何修改导航栏

Question

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

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

提前致谢，

特雷弗

Answer 1

您可以使用CSS轻松完成此操作。如果您的导航看起来像这样：

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

然后你所要做的就是改变＆＃34;活跃＆＃34;的风格。项目，像这样：

.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"即可标记您所在的页面。