在asp.net中为菜单添加悬停属性,我正在使用一个链接作为菜单
本文关键字:菜单 链接 一个 net asp 添加 悬停 属性 | 更新日期: 2023-09-27 18:12:32
在主页面的页面加载过程中添加菜单项。我检查角色权限,并在此基础上将项目添加到菜单中。
<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属性,我如何才能分别为菜单提供悬停链接。
#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/