在子页面中保持父菜单项处于活动状态

我是php和css的乞丐。我想知道在子页面上导航时，如何在顶部菜单项下加下划线。这是我的布局：我有一个导航菜单，列出了我的所有父页面（主页）。所有这些页面都将有一个独特的xxxxx*php文件，并在该文件上创建各自的子页面。

在每个xxxx*php文件上，都会有一个子菜单。在我的函数中声明。php文件。至每个xxxxx。php文件它自己的子菜单。我知道如何在css中为当前页面菜单项加下划线。但是如何在子页面上保持顶部菜单项（主导航项）的下划线。。。

我希望我已经说清楚了。

在我的爱好中。php文件下面是我注册个人菜单的方式：

function register_my_menu()
{

    register_nav_menus( array(
        \'home_menu\' => __(\'Home Menu\'),
        \'general_menu\' => __(\'General Menu\'),
        \'produit_menu\' => __(\'Produit Menu\'),
        \'pro_menu\' => __(\'Pro Menu\'),
        \'Stage_menu\' => __(\'Stage Menu\')
    ) );

这就是我如何调用每个主页上的菜单（xxxxx.php）

        <div id="page_title"><a>Atelier de souffleur de verre:</a></div>
            <div> <?php wp_nav_menu( array( \'theme_location\' => \'general_menu\', \'container_class\' => \'atelier_menu\' ) ) ; ?> </div>

我在我的管理页面中创建这些菜单，并记下我想在菜单中显示的项目。它工作得很好，但只要我点击其中一个子页面，我的主菜单项就会松开它的“下划线”文本装饰。

这是我的css：

.current-sub-menu-item a { text-decoration:underline !important; }
.current-menu-item a { text-decoration:underline !important; }
.current-parent-page-item a { text-decoration:underline !important; }


/**Menu personnalisés**/
#page_title {text-decoration:none ;font-size:12px;color:#000000;}
#page_title a {text-decoration:underline ;font-size:12px;color:#000000;}
.atelier_menu { position:relative;left:160px;top:-27px;padding: 5px 0; }
.atelier_menu ul {list-style-type: none; }
.atelier_menu ul li { float: left; font-family:Times; }
.atelier_menu ul li a { display: block; padding: 5px 15px; color: #000000; font-size:     12px; text-decoration: none;}

任何帮助都将不胜感激。

当做

Siluvatar。

Primary and secondary menus

我试图使主菜单上的每个选项卡都链接到次菜单，这样实际上，每个主选项卡都会指向次菜单中的一组选项卡，而不是保持静态。我希望你能帮助我，我不是一个高级WP用户，所以可以使用简单的术语。更新我已经添加了代码，但它已经显示在我的网页和仪表板上，所以我一定是弄错了，所以我将其粘贴在下面，以便您可以看到。我不知道如何找到主弹头，但我想这是我在主弹头上添加的内容。function km_dynamic_secondary_menu_reg() { global $km_nav_menus;

相关推荐

Primary and secondary menus