php - WordPress child 导航 a :current styling

标签 php css wordpress nav

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

<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;
}

更新

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

更新 2

已添加 !important取代任何其他风格。

关于php - WordPress child 导航 a :current styling,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12272023/

相关文章:

php - 如果电子邮件不正确,PHP 邮件函数是否返回 true

php - 如何修复我的表格以防止破坏我的 css div?循环

html - CSS 移除 :hover properties

html - Twitter Bootstrap 在背景悬停时将响应式导航栏间隙居中

javascript - HTML 表单提交不调用 WordPress 帖子中的 Javascript "onsubmit"处理程序

php - 禁用按钮连接到数据库

php - Yii2 gridview中的多表

html - 溢出和列表样式类型不起作用

css - 覆盖 Wordpress 默认样式表

php mysql - 获取产品的产品缩略图