asp.net - 如何将 css 应用于二级菜单项？

Question

我有一个从站点地图运行的菜单，其中一个 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 上正确显示。

Answer 1

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

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

例如，

#menu ul ul { ... }

将应用于

<-- 不在这里

• 
  

<-- 不在这里

<---- 这里

关于asp.net - 如何将 css 应用于二级菜单项？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/125612/