Как применить CSS к пунктам меню второго уровня?
У меня есть меню из карты сайта, один из 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 к названиям брони и оружия?
Обновлять
Следует упомянуть, что шрифт отображается правильно на всех невложенных siteMapNodes.
Ответы 4
вы можете вкладывать команды CSS, перечисляя их последовательно
siteMapNode siteMapNode {.... код css ...} будет применен к внутреннему узлу.
например,
#menu ul ul {...}
будет применяться к
<ul> <- здесь нет
<li>
</li>
</ul>
<div id = "menu">
<ul> <- здесь нет
<ul> <---- здесь
Markdown "исправил" это за вас. Должно быть #menu ul ul {...}
Дополнение Firefox Веб-разработчик (https://addons.mozilla.org/en-US/firefox/addon/60) является хорошей альтернативой / компаньоном для firebug. Это проще использовать для отладки CSS (IMO)
Вы должны привязать такие стили (как для статических, так и для динамических пунктов меню):
<asp:Menu ID = "Menu1" runat = "server" >
<StaticMenuStyle CssClass = "nav-bar" />
<DynamicMenuStyle CssClass = "nav-bar" />
</asp:Menu>
Кожа наносится через шаблон .skin.
<asp:Menu runat = "server" CssClass = "nav-bar" />
Не могли бы вы опубликовать сгенерированный HTML + CSS (соответствующие части) для этой страницы, чтобы нам не приходилось гадать?