css - 在导航栏中突出显示当前列表项

Question

我在导航栏的每个网页中都包含了头文件，我怎样才能显示激活/突出显示的当前页面？

<div id="header"><div  id="nav">
            <ul id="menu">
            <?php
$CurrentPage = $path_parts = pathinfo(__FILE__,PATHINFO_FILENAME); // u will get the current page name "index.php", home.php etc..
?>
                <?php
                if(!logged_in())
                {
                echo "<li id=\"<?php echo ($CurrentPage=='Home') ? 'current' : ''?>\" style=\"background-color: #CCFFFF;\" ><a href=\"index.php\">Home</a></li>";
                }
                ?>
                <?php
                if(logged_in())
                {
                echo "<li id=\"<?php echo ($CurrentPage=='Home') ? 'current' : ''?>\" style=\"background-color: #CCFFFF;\" ><a href=\"index.php\">Home</a></li>";
                }
                ?>
                <?php
                echo "<li id=\"<?php echo ($CurrentPage=='Contact Us') ? 'current' : ''?>\" style=\"background-color: #66FFFF;\"><a href=\"contact.php\">Contact Us</a></li>";

                ?>
            </ul>
            </div></div>

如何为 id="current"

包含此 CSS

#header #nav ul li#current a {  
    background: transparent url(../images/current.gif) repeat-x left bottom;    
    color: #222;    
}

Answer 1

你可以使用

#nav #menu #current a

代替

#header #nav ul li#current a

也许您还应该添加 #header，但我在上面的代码中没有看到任何#header。

<style>
#header #nav #menu #current a {  
    background: transparent url(../images/current.gif) repeat-x left bottom;    
    color: #222;    
}
</style>


    <div id="header"><div  id="nav">
            <ul id="menu">
            <?php
$CurrentPage = $path_parts = pathinfo(__FILE__,PATHINFO_FILENAME); // u will get the current page name "index.php", home.php etc..
?>
                <?php
                if(!logged_in())
                {
                echo "<li id=\"<?php echo ($CurrentPage=='Home') ? 'current' : ''?>\" style=\"background-color: #CCFFFF;\" ><a href=\"index.php\">Home</a></li>";
                }
                ?>
                <?php
                if(logged_in())
                {
                echo "<li id=\"<?php echo ($CurrentPage=='Home') ? 'current' : ''?>\" style=\"background-color: #CCFFFF;\" ><a href=\"index.php\">Home</a></li>";
                }
                ?>
                <?php
                echo "<li id=\"<?php echo ($CurrentPage=='Contact Us') ? 'current' : ''?>\" style=\"background-color: #66FFFF;\"><a href=\"contact.php\">Contact Us</a></li>";

                ?>
            </ul>
            </div></div>