在asp.net中添加懸停屬性菜單，我使用鏈接作爲菜單

Question

我在我的母版頁的頁面加載期間添加菜單項。我檢查角色權限，並基於此添加項目到菜單。

<asp:Menu ID="NavigationMenu" runat="server" RenderingMode="Table" CssClass="menu" 
         EnableViewState="false" IncludeStyleBlock="false" Orientation="Horizontal"> 
         <Items> 
         </Items> 
        </asp:Menu> 

碩士頁面加載：

NavigationMenu.Items.Add(new MenuItem 
      { 

       Text = "Support", 
       NavigateUrl = "~/Support.aspx" 
      }); 

我有這樣的CSS屬性，因爲這個環節

a:hover 
{ 
    background-color: #F9F6F4; 
    color: #465c71; 
    text-decoration: none; 
} 

菜單項也是這個CSS屬性應用到它的鏈接。我不想爲菜單使用相同的CSS屬性，我怎樣才能單獨給菜單懸停鏈接。

Answer 1

#NavigationMenu a:hover { 
background-color: #FF0000; 
color: #0000FB; 
text-decoration: none; 
} 

a:hover { 
background-color: #F9F6F4; 
color: #465c71; 
text-decoration: none; 
} 

另外值得注意的是，除非你想向後兼容IE6和IE7（？），否則你不一定必須在標籤上使用懸浮僞類。

這是特異性的一個實例。這是一個很好的鏈接，可以幫助你更好地理解它。 http://www.vanseodesign.com/css/css-specificity-inheritance-cascaade/