Question

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

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

我还将一个Skin应用于asp：menu，该菜单使用以下css定义：

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

当我运行网站和mouseOver的Gear链接时，Jokewood字体不适用于那些项目，我如何将CSS应用于Armor和Weapons标题？

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

Answer 1

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

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

例如，

#menu ul ul {...}

将适用于＆LT; UL＆GT; ＆lt; - 不在这里
＆LT;李＆GT;
＆LT; /立GT;
＆LT; / UL＆GT;
＆lt; div id =“menu”＆gt;
＆LT; UL＆GT; ＆lt; - 不在这里
＆LT; UL＆GT; ＆lt; ---- 这里

Answer 2

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

Answer 3

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

<asp:Menu ID="Menu1" runat="server" >
    <StaticMenuStyle CssClass="nav-bar" />
    <DynamicMenuStyle CssClass="nav-bar" />
</asp:Menu>

Answer 4

通过.skin模板应用皮肤。

<asp:Menu runat="server" CssClass="nav-bar" />

如何将CSS应用于二级菜单项？

4 个答案: