代码之家  ›  专栏  ›  技术社区  ›  adamhuxtable

WordPress儿童导航a:当前样式

  •  1
  • adamhuxtable  · 技术社区  · 12 年前

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

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

    1 回复  |  直到 12 年前
        1
  •  1
  •   Henrik Ammer    12 年前

    你已经有了你作为一个班所需要的东西 <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 取代任何其他风格。