css - 菜单不会悬停在选定的菜单选项卡上

Question

我在这方面苦苦挣扎。我有菜单，这里的问题是当我从那里选择“饮食”菜单或任何其他菜单选项卡时，我希望该菜单选项卡处于活动状态 - 换句话说，突出显示。我尝试了很多但无法成功。

谁能解释我怎么了？

在这里检查：

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

Answer 1

您需要为所选项目添加一个 css 类，然后在您的 css 中为该类添加样式。

例如，如果您有一个页面Rooms定义在rooms.html：

1. 添加class = 'active-menu-item'到房间菜单项。在rooms.html.
2. .active-menu-item为您的 css 文件添加样式。

对每一页重复此过程。