WordPress的孩子导航答：当前的造型(WordPress child nav a:curren

2019-10-17 04:41发布

我目前工作的一个网站，客户端 - 这是所有工作正常，但在导航中我使用下面的代码的子链接的设置

<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 （可能是蛞蝓）。所以，在你的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;
}

UPDATE

增加了对所有子蛞蝓。

更新2

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

文章来源: WordPress child nav a:current styling