Come posso applicare CSS alle voci di menu di secondo livello?

StackOverflow https://stackoverflow.com/questions/125612

  •  02-07-2019
  •  | 
  •  

Domanda

Ho un menu che scorre fuori da una mappa del sito in cui uno del SiteMapNode è simile al seguente: 

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

Ho anche uno skin applicato al menu asp: che usa la seguente definizione css: 

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

Quando eseguo il sito Web e il mouse Sul collegamento Gear, il carattere Jokewood non viene applicato a quegli oggetti, come posso applicare i CSS ai titoli di armature e armi?

Aggiorna
Dovrei menzionare che il carattere è visualizzato correttamente su tutti i siteMapNodes non nidificati.

È stato utile?

Soluzione

Dovresti associare stili come questo (sia per le voci di menu statiche che dinamiche): 

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

Altri suggerimenti

puoi annidare i comandi CSS elencandoli in sequenza

siteMapNode siteMapNode {.... css code ...} verrebbe applicato al nodo interno.

ad esempio,

#menu ul ul {...}

verrebbe applicato a
& Lt; ul gt &; < - non qui
& Lt; & Li gt;
lt &; / li gt &;
lt &; / ul gt &;
< div id = " menu " >
 & Lt; ul gt &; < - non qui
   & Lt; ul gt &; < ---- qui

Firefox Web Developer ( https://addons.mozilla.org/en-US/firefox/addon/60 ) addon è una buona alternativa / compagna di firebug. È più facile da usare per il debug CSS (IMO)

La skin viene applicata tramite un modello .skin. 

<asp:Menu runat="server" CssClass="nav-bar" />
Autorizzato sotto: CC-BY-SA insieme a attribuzione
Non affiliato a StackOverflow
scroll top