如何修改导航栏

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"为每个页面用于标记您所在的页面。