在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属性,我如何才能分别为菜单提供悬停链接。

在asp.net中为菜单添加悬停属性,我正在使用一个链接作为菜单

#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/