Como faço para aplicar css para itens de segunda menu de nível?

Question

Eu tenho um menu correndo de um mapa do site que um dos olhares SiteMapNode como esta:

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

Eu também tenho uma pele aplicada ao asp: menu que utiliza a seguinte definição de css:

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

Quando eu executo o site e mouseOver o link da engrenagem, a fonte Jokewood não é aplicada a esses itens, como posso aplicar o css para os títulos armaduras e armas?

Atualizar
Eu deveria ter mencionado que a fonte é exibida corretamente em todos os siteMapNodes não-aninhadas.

Answer 1

Você deve ligar estilos como este (para ambos estático e itens de menu dinâmicos):

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

Answer 2

Você pode aninhar comandos CSS, listando-os em sequência

siteMapNode siteMapNode {.... código css ...} seria aplicada ao nó interno.

por exemplo,

#menu ul ul {...}

seria aplicada a

<- não aqui

• 
  

<- não aqui

<---- aqui

O Firefox Web Developer ( https://addons.mozilla.org/en-US/firefox/addon/60 ) addon é uma boa alternativa / companheiro para o Firebug. É de fácil de usar para CSS depuração (IMO)

A pele é aplicada através de um modelo de .skin.

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

Answer 3

O Firefox Web Developer ( https://addons.mozilla.org/en-US/firefox/addon/60 ) addon é uma boa alternativa / companheiro para o Firebug. É de fácil de usar para CSS depuração (IMO)

Answer 4

A pele é aplicada através de um modelo de .skin.

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