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。

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

1 个答案: