Question

我有一个使用C＃和Visual Studio创建的网站。

我的Site.master中有以下菜单：

<div class="menu">
  <ul>
    <li runat="server" id="liHome">   <a href="Default.aspx">Home</a></li>
    <li runat="server" id="liAbout">  <a href="About.aspx">About</a></li>
    <li runat="server" id="liContact"><a href="ContactUs.aspx">Contact</a></li>
  </ul>
</div>

我有以下css：

.menu ul {}
.menu ul li a{padding:9px 10px; display:block; color:#fff; font-size:16px; font-weight:bold;}
.menu ul li a:hover{color:#00ff00; text-decoration:none; }

我想要做的是点击菜单时，我想要更改所选菜单项的文本并保持不同的颜色。在我的Site.master.cs中，我正在为“关于”菜单项执行以下操作，例如：

    if (Request.Url.ToString().Contains("About") == true)
    {   
        liContact.Style.Add("color", "#00ff00");
    }

但颜色不会保持绿色。 anyoe可以帮我解决我做错的事吗？感谢

Answer 1

Active Html Link tutorial

本教程可帮助您解决问卷。

默认情况下，链接在所有浏览器中显示如下：

未访问的链接带有下划线和蓝色访问链接带有下划线和紫色活动链接带有下划线和红色

Answer 2

您可以按照以下方式使用

  if (Request.Url.ToString().Contains("About") == true)
  {    
      liContact.Style.Add("color", "#00ff00!important");
  }

您需要在!important中添加css，然后才能使用。{ 否则它将被类覆盖。

编辑1

其他明智的做法是

.menu ul {}
.menu ul li a{padding:9px 10px; display:block; color:#fff; font-size:16px; font-weight:bold;}
.menu ul li a:hover{color:#00ff00; text-decoration:none; }

.menu ul li.selected a{padding:9px 10px; display:block; color:#00ff00; font-size:16px; 
       font-weight:bold;}

而不是设置颜色替换类。

liContact.Attributes.Remove("class");   
liContact.Attributes.Add("class", "selected");

编辑2

 .menu ul li.selected a:hover{padding:9px 10px; display:block; color:#00ff00; font-size:16px; 
       font-weight:bold;}

HTMLControl Style.Add

2 个答案:

编辑1

编辑2