1

我有一个从站点地图运行的菜单，其中一个 SiteMapNode 如下所示： 

<siteMapNode title="Gear" description="" url="">
  <siteMapNode title="Armor" description="" url="~/Armor.aspx" />
  <siteMapNode title="Weapons" description="" url="~/Weapons.aspx" />
</siteMapNode>

我还有一个皮肤应用于 asp:menu，它使用以下 css 定义：

.nav-bar {
  z-index: 2;
  margin-top: -5%;
  position: absolute;
  top: 281px;
  font-family: Jokewood;
  font-style: italic;
}

当我运行网站并将鼠标悬停在 Gear 链接上时，Jokewood 字体未应用于这些项目，如何将 css 应用于 Armor 和 Weapons 标题？

更新
我应该提到字体在所有非嵌套的 siteMapNodes 上都正确显示。

4

4 回答 4

3

您可以通过按顺序列出 CSS 命令来嵌套它们

siteMapNode siteMapNode { .... css code ... } 将应用于内部节点。

例如，

#menu ul ul { ... }

将应用于
<ul> <-- 不在这里
<li>
</li>
</ul>
<div id="menu">
<ul> <-- 不在这里
<ul> <----在这里

于 2008-09-24T06:01:27.267 回答
1

Firefox 的Web Developer ( https://addons.mozilla.org/en-US/firefox/addon/60 ) 插件是 firebug 的一个很好的替代品/伴侣。更容易用于 CSS 调试(IMO)

于 2008-09-24T06:15:59.307 回答
0

您应该像这样绑定样式（对于静态和动态菜单项）：

<asp:Menu ID="Menu1" runat="server" >
    <StaticMenuStyle CssClass="nav-bar" />
    <DynamicMenuStyle CssClass="nav-bar" />
</asp:Menu>
于 2008-09-24T06:32:01.827 回答
0

皮肤通过 .skin 模板应用。

<asp:Menu runat="server" CssClass="nav-bar" />
于 2008-09-24T06:51:52.683 回答