Html 不知何故，当我点击任何标签时，我在所选标签上的颜色不会改变？有什么建议吗？

我正在粘贴下面的代码，请尽快帮助我（本应将所选选项卡的颜色更改为白色，但不知何故它没有这样做）我不知道现在出现了什么问题，请帮助我

CSS代码：

#navigation {
margin-top: 20px;
width: 235px;
display:block;
list-style:none;
z-index:3;
}
#navigation a{
color: #444;
display: block;
background: #fff;
background: rgba(255,255,200,0.5);
line-height: 50px;
padding: 0px 20px;
text-transform: uppercase;
margin-bottom: 6px;
box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
font-size: 18px;
}
#navigation a:hover {
background: #ddd;
}

HTML代码：

<div id="header">
      <ul id="navigation">
      <li><a id="link-home" href="index.html">Home</a></li>
      <li><a id="link-portfolio" href="portfolio.html">Portfolio</a></li>
      <li><a id="link-contact" href="contact.html">Contact</a></li>
          </ul>
</div>

试试这个：

<style>
#navigation li.selected a {
    background:#fff;
}
</style>
<li class="selected"><a id="link-home" href="index.html">Home</a></li>

#导航李选择了a{
背景：#fff；
}

您的问题很可能与此类似。请检查是否要更改悬停或单击时的颜色？