WordPress子导航：当前样式答案

【问题标题】：WordPress child nav a:current stylingWordPress子导航：当前样式
【发布时间】：2012-09-04 22:10:24
【问题描述】：

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

<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技能并不出色。

【问题讨论】：

标签： php css wordpress nav

【解决方案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;
}

更新

在该子菜单上添加了所有 slug。

更新 2

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

【讨论】：

嘿 Henrik，感谢您的快速回复，不幸的是，将其添加到我的 css 中没有任何效果。我以前从未在 css 中使用过 a[href，所以我有点不确定该去哪里。
非常感谢，工作愉快。只是为了将来参考，你从这条线上得到了蛞蝓吗？
是的。 Wordpress 通常将 slug 作为默认添加到 <body> 作为一个类，这在需要特定页面上特定外观的情况下非常方便。
嘿，我已经完成了所有工作，但是我添加了一些额外的页面，它似乎已经坏了。 lagourmetteria.co.uk
创建一个链接到这个问题的新问题。这次我正忙着帮你。但是参考这一点，其他人应该很容易修复。祝你好运和最好的问候，亨里克。