1

こんにちは、html と css の初心者で、問題があります。私はナビゲーションバーを作成し、ナビゲーションバーの背景色を変更して、ユーザーがどのページにいるかを表示したいと考えました。しかし、何らかの理由で、これはうまく機能しません。私を助けてください。

これは、ナビゲーションバーに使用する css コードです。

#nav{
  width: 60%;
  display: inline-block;
  text-align: right;
  float: right;
}
/* unorded list */
#nav ul{}

#nav ul li{
  display: inline-block;
  height: 62px;
}
/* text in blokken */
#nav ul li a{
  padding: 20px;
  background: orange;
  color: white;
}

 #nav ul li a:hover{
  background-color: #ff1e42;
  box-shadow: 0px 1px 1px #666;
  text-decoration: underline;
 }
#nav ul li #inuse {
  background-color: #ff1e42;
}

私のhtmlコードは次のようになります:

<div id="nav">
    <ul>
        <li><a class="inuse" href="../html/index.html" >Home</a></li>
        <li><a href="../html/kleding.html" >Kleding</a></li>
        <li><a href="../html/bestel.html" >Bestellen</a></li>
        <li><a href="../html/contact.html">Contact</a></li>
        <li><a href="../html/vragen.html" >Vragen</a></li>
    </ul>
</div>

前もって感謝します。

4

1 に答える 1

5

試す：

#nav ul li a.inuse{/* in use css */}

それ以外の：

#nav ul li #inuse{}

それが役立つことを願っています

于 2013-10-20T11:46:38.560 に答える