html - 当我单击任何选项卡时，所选选项卡上的颜色不会以某种方式改变？有什么建议么？

Question

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

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>

Answer 1

试试这个:

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