如何修改导航栏

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>

然后，您所要做的就是更改“活动”项的样式，如下所示：

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