Comment puis-je appliquer css aux éléments de menu de second niveau?

Question

J'ai un menu en cours d'exécution au large d'un plan du site qui l'un des SiteMapNode ressemble à ceci:

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

J'ai aussi une peau appliquée à l'asp: le menu qui utilise la définition css suivante:

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

Lorsque j'exécute le site Web et mouseOver le lien Gear, la police Jokewood n'est pas appliquée à ces éléments, comment puis-je appliquer le CSS aux titres Armor and Weapons?

Mise à jour
je de mentionner que la police est affichée correctement sur tous les siteMapNodes non imbriqués.

Answer 1

Vous devez lier les styles comme celui-ci (pour les éléments de menu statiques et dynamiques):

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

Answer 2

vous pouvez imbriquer les commandes CSS en les énumérant dans l'ordre

siteMapNode siteMapNode {.... code css ...} serait appliqué au noeud intérieur.

par exemple,

#menu ul ul {...}

serait appliqué à
<ul> < - pas ici
<li>
</li >
</ul >
< div id = "menu" >
<ul> < - pas ici
<ul> < ---- ici

Answer 3

addon Firefox de Web Developer (https://addons.mozilla.org/en-US/firefox/addon/60) est une bonne alternative/compagnon Firebug. Il est plus facile à utiliser pour le débogage CSS (OMI)

Answer 4

La peau est appliquée à travers un modèle .skin.

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