Как применить CSS к пунктам меню второго уровня? - PullRequest
Новая
       15

Как применить CSS к пунктам меню второго уровня?

0 голосов
/ 24 сентября 2008

У меня есть меню, запущенное из карты сайта, один из которых SiteMapNode выглядит следующим образом: 

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

У меня также есть скин, примененный к меню asp :, в котором используется следующее определение CSS: 

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

Когда я запускаю веб-сайт и указываю мышь над ссылкой Gear, шрифт Jokewood не применяется к этим предметам, как я могу применить CSS к названиям брони и оружия?

Обновление
Следует отметить, что шрифт корректно отображается на всех не вложенных сайтах SiteMap.

Ответы [ 4 ]

3 голосов
/ 24 сентября 2008

Вы можете вложить команды CSS, перечислив их в последовательности

siteMapNode siteMapNode {.... css code ...} будет применяться к внутреннему узлу.

например,

# menu ul ul {...}

будет применяться к



1 голос
/ 24 сентября 2008

Веб-разработчик Firefox * (https://addons.mozilla.org/en-US/firefox/addon/60) addon - хорошая альтернатива / дополнение к firebug. проще в использовании для отладки CSS (IMO)

0 голосов
/ 24 сентября 2008

Скин наносится с помощью шаблона .skin. 

<asp:Menu runat="server" CssClass="nav-bar" />
0 голосов
/ 24 сентября 2008

Вы должны связать стили как это (для статических и динамических пунктов меню): 

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