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應該工作，只要你想。