Question

我目前正在为客户工作一个网站 - 这一切都运行良好，但在我使用以下代码为子链接设置的导航中

<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技能并不是很棒。

Answer 1

你已经拥有<body>中wine-room（可能是slug）所需的内容。所以在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;
}

<强>更新

在该子菜单上添加了所有slu ..

更新2

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

WordPress儿童导航a：当前样式

1 个答案: