C＃如何在母版页上实现这种情况？

Question

我正在做的网站，其中包括一个主页与导航栏。除了一件事以外，一切正常。我需要在选定的内容页面中悬停样式相同。我的意思是当我浏览主页时，例如悬停CSS风格在导航栏上的Home图标上。我知道你很容易，但我很喜欢。我使用这个HTML代码：

<div class="nav"><ul class="navbar" > 
      <li><a href="Home.aspx">Home</a></li> 
      <li><a href="About us.aspx">About us</a></li> 
      <li><a href="Sections.aspx">Sections</a></li> 
      <li><a href="App.aspx">Appointment</a></li> 
      <li><a href="Registeration.aspx">Registration</a></li> 
      </ul> 
</div> 

和实施这个CSS：

ul.navbar 
{ 
list-style-type:none; 
padding:6px 0 6px 0; 
margin:0; 
} 

ul.navbar li 
{ 
display:inline; 
float:left; 
} 

.navbar a:active, .navbar a:link, .navbar a:visited 
{ 
padding:0 14px 0 14px; 
color:#32C5CF; 
text-decoration:none; 
} 

.navbar a:hover 
{ 
text-decoration:underline; 
color:#cca628; 
} 

的问题是我应该使用服务器端来实现呢？如果是的话，我使用asp.net c＃语言。请帮帮我。

ThanQ提前。

Answer 1

首先给每个你的列表项ID，以便他们很容易找到。

e.g

<div class="nav"><ul class="navbar" > 
      <li id="home_link"><a href="Home.aspx">Home</a></li> 
      <li id="about_link"><a href="About us.aspx">About us</a></li> 
      <li id="sect_link"><a href="Sections.aspx">Sections</a></li> 
      <li id="app_link"><a href="App.aspx">Appointment</a></li> 
      <li id="reg_link"><a href="Registeration.aspx">Registration</a></li> 
      </ul> 
</div> 

然后你可以使用你的内容页面的主属性来获取母版页，然后使用的FindControl得到你正在寻找的控制。

有一个如何引导：http://msdn.microsoft.com/en-us/library/xxwa0ff0.aspx

因此，一个在主页上你会控制“home_link”（在你的情况下，李项）做

1. 搜索主页
2. 添加要使它看起来积极的CssClass，该项目已发现
3. 放松

Answer 2

CSS选择器不精确。

在CSS写入选择应该是这样的：

.navbar 
{ 
list-style-type:none; 
padding:6px 0 6px 0; 
margin:0; 
} 

.navbar li 
{ 
display:inline; 
float:left; 
} 

.navbar li a:active, .navbar li a:link, .navbar li a:visited 
{ 
padding:0 14px 0 14px; 
color:#32C5CF; 
text-decoration:none; 
} 

.navbar li a:hover 
{ 
text-decoration:underline; 
color:#cca628; 
} 

以上CSS应该工作，只要你想。