0

我在我的网站上使用 ul li 作为我的菜单，我想在用户点击时更改颜色

<div id ="navigation">
    <ul id="nav">

        <li ><a id="A1" runat="server" onserverclick ="Home_Click" shape="poly" >Home</a></li>
        <li><a  id= "A2ms" runat ="server" onserverclick ="Management_Services_Click">Management Services</a>
            <ul>
                <li><a href="#">aaaaaaaa</a></li>
                <li><a href="#" >bbbbbb</a></li>
                <li><a href="#" >cccccccccccc</a></li>
                <li><a href="#" >ddddddddddd</a></li>
                <li><a href="#" >Heeeeeeeeees</a></li>
                <li><a href="#" >fffffffffff</a> </li>
                <li><a href="#" >gggggggggt</a> </li>
                <li><a href="#" >hhhhhhhhhhhhh</a> </li>

             </ul>
        </li>
        <li><a href="#">dddfdfdf</a>
           <ul>
              <li><a href="#" >33333333</a> </li>
              <li><a href="#" >2222222222</a> </li>
              <li><a href="#" >11111111111</a> </li>
           </ul>
        </li>
        <li><a href="#">55555555555</a></li>
        <li><a href="#">6666666666</a></li>
        <li><a href="#">Our Vision & Values</a></li>
        <li><a id="A2" runat ="server" onserverclick ="Aboutus_Click" >About Us</a></li>
        <li><a id="A3"  runat ="server" onserverclick ="Forum_Click" >8888888888888</a></li>
     </ul>
</div>

这里的CSS，鼠标悬停功能完美，但点击时改变颜色不起作用......

#nav a:hover 
{
color:Orange ; 
}

  #nav a.selected 
  { 
color:Orange ; 
}

谢谢

4

1 回答 1

1

更改您的 CSS：

#nav a:hover 
{
    color:Orange; 
}

在你的 CSS 中使用它：

#nav a.selected, #nav a:active, #nav a:focus { 
    color:Orange; 
}
于 2013-06-10T10:32:35.070 回答