我正在努力在现有网站上移动一些导航项目,但对php并不熟悉(尽管我认为这只是个CSS问题)。问题在于,单击(活动)时,某些导航项正确加了下划线,而其他导航项则没有。

我已经尝试过使用网站外部的代码,但是因为它也是php,所以我无法在浏览器中正确显示它

#main_nav .active{
    text-decoration: underline!important;
}




<nav id="main_nav" class="nav-mobile col-md-8 col-md-pull-4 col-md-float-break">
    <ul>
        <li id="home_link"><a href="/<?php echo $data['lang']['language']; ?>" <?php if ($data['page_info']['disc'] == 'home') echo 'class="active"'; ?> ><?php echo $data['lang']['home_link']; ?></a></li>
        <li id="started_link"><a href="/<?php echo $data['lang']['language']; ?>/get-started" <?php if ($data['page_info']['disc'] == 'get_started') echo 'class="active"'; ?> ><?php echo $data['lang']['started_link']; ?></a></li>
        <li id="new_vehicle_link"><a href="/<?php echo $data['lang']['language']; ?>/lease-or-purchase" <?php if ($data['page_info']['disc'] == 'lease-or-purchase') echo 'class="active"'; ?> ><?php echo $data['lang']['new_vehicle_link']; ?></a></li>
        <li id="keep_vehicle_link"><a href="/<?php echo $data['lang']['language']; ?>/purchase-your-vehicle" <?php if ($data['page_info']['disc'] == 'purchase-your-vehicle') echo 'class="active"'; ?> ><?php echo $data['lang']['keep_vehicle_link']; ?></a></li>
        <li id="vehicle_link"><a href="/<?php echo $data['lang']['language']; ?>/turn-in-your-vehicle" <?php if ($data['page_info']['disc'] == 'turn_in_your_vehicle') echo 'class="active"'; ?> ><?php echo $data['lang']['vehicle_link']; ?></a></li>
    </ul>
</nav>

最佳答案

这是因为您从破折号改为下划线。
入门-> get_started
上车->上车
这些将永远不会匹配,因此它们永远不会是active

关于php - 为什么有一些原因使我的某些导航项在事件状态下带有下划线,而有些则没有?,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/55406861/

10-11 10:49