asp.net - 使用 css 自定义 web.sitemap 的默认菜单样式

Question

我web.sitemap用来显示 asp.net 应用程序的菜单，看起来不错，但默认情况下，主菜单项的子菜单将垂直显示，如下所示。在此处输入图像描述

但我想将子菜单显示为水平。我正在尝试使用 css 进行更改。但它没有改变。div 的主要类是mainmenu. 要自定义这个，我使用如下 css。

.mainmenu ul li ul li{
position:relative;
float:left;
}

但它不会向左走。我给了display:inline，即使它不起作用。我们不能自定义来自web.sitemap提供商的菜单还是我在这里做错了什么？这里是JS Fiddle 链接

score 1 · Accepted Answer

您的 html 中有许多内联样式会覆盖您的 css 类和 id。我设法找到了一个快速修复li水平显示您的 level2 项目的方法，但这只是暂时的，因为我需要找出导致 level2ul不与菜单左侧对齐的原因。把它放在你的css文件中：

li.dynamic{
    display:table-cell;
}

我会看看我能为更好的解决方案做些什么，因为这只是一个临时解决方案，不兼容 IE8 和更早版本。

- 编辑 -

将以下内容添加到您的 CSS 中：

li.static:nth-child(6):hover ul.level2{
    left:-481px!important;
}
li.dynamic {
    display:table-cell;
}

1 回答 1