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

发布于 2024-12-12 07:16:22 字数 781 浏览 0 评论 0原文

我在母版页的页面加载期间添加菜单项。我检查角色权限并根据该权限将项目添加到菜单中。

<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 属性，如何单独为菜单提供悬停链接。

原文

I add menu item during page load of my Master page. I check for role permission and add items to the menu based on that.

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

Master Page Load:

NavigationMenu.Items.Add(new MenuItem
             {

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

I have this css property for link

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

because of this the menu item is also a link this css property is applied to it. I dont want to use the same css property for the menu, how can I give hover link for menu seperately.

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

回梦 2024-12-19 07:16:23

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

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

另外值得注意的是，除非您希望向后兼容 IE6 和 IE7（？），否则您不一定必须在 a 标记上使用悬停伪类。

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

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

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

Also of note is that you don't necessarily have to have the hover pseudo-class on an a tag unless you want backwards compatibility with IE6 and IE7(?).

This is an instance of specificity. Here's a good link to help you understand it better.
http://www.vanseodesign.com/css/css-specificity-inheritance-cascaade/

回复收藏 0 原文

~没有更多了~