Css WordPress子菜单上的活动属性

Css WordPress子菜单上的活动属性,css,wordpress,submenu,Css,Wordpress,Submenu,我已经为这个问题挣扎了好几个星期了,我真的很想找到一个解决这个CSS问题的方法。如果可能的话,当父菜单处于活动状态时,如何使子菜单保持可见 CSS与:hover属性配合得很好,但无法确定如何使子菜单块在:active时保持可见 <nav id="menu" role="navigation"> <?php wp_nav_menu(); ?> </nav><!-- #menu --> 我真的非常感谢你的帮助或任何想法,所以如果不能只用C

我已经为这个问题挣扎了好几个星期了,我真的很想找到一个解决这个CSS问题的方法。如果可能的话,当父菜单处于活动状态时,如何使子菜单保持可见

CSS与:hover属性配合得很好,但无法确定如何使子菜单块在:active时保持可见

<nav id="menu" role="navigation">  
    <?php wp_nav_menu(); ?>
</nav><!-- #menu -->
我真的非常感谢你的帮助或任何想法,所以如果不能只用CSS来解决这个问题,我就不会浪费更多的时间来尝试解决这个问题

你好,贝莉西亚

编辑:



当您单击say Contact(导航子项)时, (*current_page_item*)类应应用于该li

在这种情况下,你能不能不使用

#menu ul li ul.sub-menu li.current_page_item { display: block; }

这将表明其正在使用并在该页面上显示为块加载?

当您单击say Contact(子导航项)时, (*current_page_item*)类应应用于该li

在这种情况下,你能不能不使用

#menu ul li ul.sub-menu li.current_page_item { display: block; }

这将表明它正在使用并在页面加载时显示为块?

您将不得不使用子菜单的定位,但这里有一个小提琴,它展示了如何仅使用CSS来完成此操作。当您将鼠标悬停在链接2上时,您将看到一个子
显示三个链接


您将不得不使用子菜单的定位,但这里有一个小提琴,它展示了如何仅使用CSS来完成定位。当您将鼠标悬停在链接2上时,您将看到一个子
显示三个链接

您正在寻找“子组合器”选择器,请尝试下面的CSS

.current\u page\u item>ul{display:block;}

唯一需要注意的是,“子组合器”选择器将只选择一级深度的子菜单,因此它不适用于嵌套子菜单

附言:我在这里假设您已经设置了Wordpress,将“当前页面”类应用于单击的父菜单项。

您正在寻找“子组合器”选择器,请尝试下面的CSS

.current\u page\u item>ul{display:block;}

唯一需要注意的是,“子组合器”选择器将只选择一级深度的子菜单,因此它不适用于嵌套子菜单


附言:我在这里假设您已经设置了Wordpress,将“当前页面项目”类应用于已单击的父菜单项。

经过无数个小时后,我意识到我没有正确使用>,结果如下:

#menu ul.menu > li.current_page_item > ul.sub-menu { display: block; }

工作起来很有魅力!但这只是为了家长,我无法让子菜单项在单击时保持可见,有什么想法吗?

经过无数个小时后,我意识到我没有正确使用>,结果是这样的:

#menu ul.menu > li.current_page_item > ul.sub-menu { display: block; }

工作起来很有魅力!但这只适用于家长,我无法让子菜单项在单击时保持可见,有什么想法吗?

@StephenHarris这是我们的投票结果(主题外)或标志(转为SO)。我想这是因为它适用于我曾经参与过的其他项目,所以我认为这一定与WordPress有关,而且有什么东西阻止了active属性。再说一次,我是WordPress的新手。顺便说一句,谢谢你给我指出了正确的方向,我的问题现在被放到StackOverflow上了!:)@Kaiser-我知道,我标记了它,但我想我会让Bellisia知道。我现在知道了,但仍然认为它与WordPress有关,如果我不这么认为,我不会在这里问它。@StephenHarris这是我们投票(偏离主题)或标记(转向SO)的原因。我认为这是因为它适用于我曾经合作过的其他项目,所以我认为这一定与WordPress有关,而且有什么东西阻止了active属性。再说一次,我是WordPress的新手。顺便说一句,谢谢你给我指出了正确的方向,我的问题现在被放到StackOverflow上了!:)@Kaiser-我知道,我标记了它,但我想我会让Bellisia知道。我现在知道了,但仍然认为它与WordPress有关,如果我不这样想,我不会在这里问它。我尝试过,但这没有激活它。由于我已经在使用:hover,它再次消失。我尝试过,但没有激活它。因为我已经在使用:hover,它又消失了。我也试过了,但它不起作用。我猜这是因为我使用的悬停效果。我只需要它停留在那里,它的东西是点击。我也尝试过,但它不工作。我猜这是因为我使用的悬停效果。我只需要它停留在那里,它的东西是点击。