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（？），否则你不一定要在标签上有hover伪类。

这是一个特异性的例子。这是一个很好的链接，可以帮助您更好地理解它。 http://www.vanseodesign.com/css/css-specificity-inheritance-cascaade/

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

1 个答案: