Css 在导航栏处于活动状态时加下划线

在下一页的导航栏中：[my Example][1]，当菜单处于活动状态时，我希望每个菜单都有下划线

我试图在CSS中设置以下内容，但当我单击菜单选项时，仍然没有任何下划线。我正在设置文本装饰：下划线！重要的上错了课

.genesis-nav-menu a:active {
    border: none;
    display: block;
    margin: 0 1.6rem 0;
    position: relative;
    opacity: 0.8;
    color: #1a1a1a;
    text-decoration: underline !important;
}

你确定你有一个活跃的班级吗

我在web控制台中没有看到任何.active

我在源代码中看到它是：。当前菜单项

因此，您可以：

.current-menu-item {
     text-decoration: underline;
     /* add other style if you want. */
}

---

由于使用WordPress，您可以将其定位为原生的.current菜单项类，并根据您的喜好对其进行样式设置。

对我来说很有用，使用Chrome您在示例中使用了：active选择器，因此a标记只会在您单击它时加下划线。您可以在此处阅读更多关于：活动选择器的信息：很好，非常感谢。这对我很有效。我可以在9分钟内首先接受你的回答。我应该在这里设置文本的颜色吗？fx颜色：红色；或者是在另一个类上？使用.current菜单项a，您也可以设置颜色。

.current-menu-item a {
    text-decoration: underline;
}