活动时为导航栏添加下划线

Question

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

我尝试在CSS中设置以下内容，但是当我点击菜单选项时，我仍然没有得到任何下划线。我在错误的班级上设置text-decoration: underline !important;吗？

.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;
}

Answer 1

您确定自己有.active班吗？

我在网络控制台中看不到任何.active。

我在源代码中看到它是：.current-menu-item

所以你可以这样做：

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

Answer 2

@objc

Answer 3

由于使用了WordPress，您可以根据自己的喜好定位它的原生.current-menu-item类。