菜單Doesnt懸停選定的菜單選項卡

Question

我在這掙扎。我在那裏有菜單，這裏的問題是當我選擇飲食菜單或任何其他菜單選項卡時，我希望菜單選項卡處於活動狀態 - 換句話說，突出顯示。我嘗試了很多，但無法成功。

任何人都可以解釋我什麼是錯的？

這裏檢查它：

`http://jsfiddle.net/96VMj/` 

Answer 1

你需要一個CSS類添加到選定的項目，然後在你的CSS添加樣式到類。

舉例來說，如果你有一個頁面Rooms是在rooms.html定義：

1. 添加class = 'active-menu-item'到房間中的菜單項。在rooms.html。
2. 添加樣式爲.active-menu-item到您的css文件。

對每個頁面重複該過程。