css - Wordpress:突出显示事件菜单项

Question

我正在研究这个 website我试图用 border-bottom 突出显示事件菜单链接。如您所见，这是一个单滚动网站，但我无法通过 CSS 突出显示它。我想突出显示 MÖGLICHKEITEN - GALERIE - KONTAKT 链接处于事件状态时。 我试过这个:

CSS:

#dslc-module-84 .dslc-navigation .menu > li > a:active { border-bottom: 1px solid #3da22b !important; }

有什么想法吗？

编辑:

KONTAKT

Answer 1

您需要使用 parent child 选择器 CSS 来实现您要查找的内容。

例如，

.menu li.menu-item a._mPS2id-h.mPS2id-clicked.mPS2id-highlight{
    border-bottom: 1px solid #3da22b !important; 
}

您需要定位主要的父菜单类，在您的情况下是 .menu，然后继续选择它的子菜单，直到您使用所选菜单到达 li。完成后，将其定位为子 a 以实现您正在寻找的内容。

希望这对您有所帮助。