如何修改導航欄

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"爲每個頁面用於標記您所在的頁面。