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

Question

我在这方面很挣扎。我有菜单，这里的问题是当我从那里选择 Eat & Drink 菜单或任何其他菜单选项卡时，我希望该菜单选项卡处于事件状态——换句话说，突出显示。我尝试了很多但都没有成功。

谁能给我解释一下这是怎么回事？

在这里检查:

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

Answer 1

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

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

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

对每个页面重复此过程。