html - Css a.current 不适用于一个 id 但适用于另一个

Question

我正处于开发网站的早期阶段。我遇到了这个问题:a.current 对一个 id 非常有效，但对另一个 id 却不行。

具体代码如下

    #top-menu
{
    width:965;
    height:27;
}

#top-menu ul
{
    float:left;
    margin: 5 0 0 0;
    padding: 0;
}


#top-menu li
{   
    margin-left:5;
    display: inline;
}


#top-menu a
{
    padding: 7px 7px 4px 7px;
    margin-left:0;
    margin-right:-9;
    color:#000;
    font-size:12;
    font-family:Arial;
    font-weight:100;
}

#top-menu a:hover
{
    border-bottom-color:#FFF;
    background-color:#FFF;  
}


#top-menu a.current
{
    text-decoration:underline;
}

/**/

    #glavnimeni
{
padding-right:0;
width:965;
height:28;
margin-top:-3;
}


#glavnimeni ul
{
    height:28;
    margin: 0; 
    padding: 0;
    background-image:url(../images/navigacija.png);
    width:965;

}

#glavnimeni ul li
{   
    display: inline;
    height:28;
}

#glavnimeni ul li a
{
    padding:9 10 7 10;
    color:#fff;
    vertical-align:bottom;
}

#glavnimeni ul li a:hover
{
    text-decoration:underline;
    border-bottom-color:#FFF;
}

#glavnimeni a.current
{
    text-decoration:underline;
}

它非常适用于#top-menu，但不适用于#glavnimeni。这是我使用这些 id 的两个 div 的代码:

    <div id="top-menu">
        <ul>
            <li><a href="default.asp">Prijavi se</a></li>
            <li><a href="default2.asp">Registruj se</a> </li>
            <li><a href="#">Prati nas</a></li>
                        <li<a href="#">Pretraga</a></li>

</div>

/**/

    <div id="glavnimeni">
        <ul>
            <li><a href="default.asp">Početna</a></li>
            <li><a href="default2.asp">Vijesti</a> </li>
            <li><a href="#">Škola</a></li>
            <li><a href="#">Sekcije & Takmičenja</a></li>
            <li><a href="#">Galerija</a></li>
            <li><a href="#">O nama</a></li>
        </ul>


  </div>

我只是想不出有什么问题。

Answer 1

也许是因为你的 <a> 都没有标签有一个 class="current"属性。

我还注意到一个编码错误:更改 <li<a href="#">Pretraga</a></li>到:

<li><a href="#">Pretraga</a></li>
</ul>

在#top-menu.