css如何在當前頁面的導航欄中設置不同的顏色？

Question

你好，我是新來的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> 

在此先感謝。

Answer 1

嘗試：

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

代替：

#nav ul li #inuse{} 

希望幫助