Html 如何在CSS3中使当前项保持在模糊菜单中？[内部示例教程]

我遵循了教程 为我的公文包网站创建模糊菜单

---

但是，我需要帮助来确保当菜单中的一个项目被选中时，它保持不模糊，而其他项目则模糊，以向用户显示他当前浏览的项目。我还希望其他项目成为无障碍一旦用户鼠标在他们身上

只需向活动项添加一个类，并将其设置为与悬停相同的样式。为了获得额外的乐趣，您可以在悬停效果期间以稍微不同的方式显示活动项目

---

这里有一个小提琴的例子：

没问题。我的提琴能证明你在找什么吗？还是我误解了你的意图？这正是我想要的，但它只在JSFIDLE上起作用。在我的网页上，当我导航到另一个页面时，活动元素总是会切换到默认元素，并且类在HTML中处于活动状态。我通过为不同页面的元素设置不同的活动类来解决这个问题。