WordPress儿童导航a:当前样式


WordPress child nav a:current styling

我目前正在为客户端开发一个网站-一切都很好,但在导航中,我使用以下代码设置了子链接

<div id="sub_nav_del">
                    <h4>Take a seat</h4>
                    <?php
                    $subnav_parent = ($post->post_parent) ? $post->post_parent : $post->ID;
                    $pages = get_pages('child_of=' . $subnav_parent . '&sort_column=menu_order');
                    $count = 0;
                    foreach($pages as $page)
                    { ?>

                    <ul>
                        <li>
                        <h5 class="del">
                            <a href="<?php echo get_page_link($page->ID)  ?>" ><?php echo  $page->post_title ?></a>
                        </h5>
                        </li>
                        </ul>
                    <?php
                    }   
                    ?>
                </div>

您可以在上看到一个示例http://www.lagourmetteria.co.uk/take-a-seat/wine-room/,对于那个页面,我希望当前页面的链接为橙色。

我希望它能使当前链接在儿童导航中变成不同的颜色。有没有一种简单的方法可以做到这一点,不幸的是,我的PHP技能并不出色。

您已经在<body>中拥有了所需的类,即wine-room(可能是段塞)。因此,在CSS中,您可以实现以下魔术:

body.wine-room a[href*="wine-room"],
body.tasting-room a[href*="tasting-room"],
body.food-drink-menu a[href*="food-drink-menu"],
body.have-it-all-private-parties a[href*="have-it-all-private-parties"]
{
    color: orange !important;
}

更新

添加了该子菜单上的所有鼻涕虫。

更新2

添加了!important以取代任何其他样式。