当我点击任何标签时,我选择的标签上的颜色会不会改变?有什么建议?

时间:2013-03-22 02:11:51

标签: html css tabs navigation selected

我正在粘贴我的代码,请尽快帮助我(假设将所选标签的颜色改为白色,但不知怎的,它不会那样做)我不知道现在的问题是什么,请帮助我! !!!

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 CODE:

<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>

1 个答案:

答案 0 :(得分:0)

试试这个:

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