2 단계 메뉴 항목에 CSS를 적용하려면 어떻게합니까?

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

  •  02-07-2019
  •  | 
  •  

문제

사이트 맵 중 하나가 다음과 같이 보이는 사이트 맵에서 메뉴를 실행하는 메뉴가 있습니다. 

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

또한 다음 CSS 정의를 사용하는 ASP : 메뉴에 피부가 적용됩니다.

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

웹 사이트를 실행하고 기어 링크를 마우스 오버 할 때 농담 글꼴이 해당 항목에 적용되지 않으며 CSS를 갑옷 및 무기 타이틀에 어떻게 적용 할 수 있습니까?

업데이트
글꼴이 네 가지 비 네스트 사이트에 올바르게 표시되어 있다고 언급해야합니다.

도움이 되었습니까?

해결책

이와 같은 스타일을 바인딩해야합니다 (정적 및 동적 메뉴 항목 모두) :

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

다른 팁

CSS 명령을 순서대로 나열하여 중첩 할 수 있습니다.

SiteMapNode sitemapNode {.... css code ...}은 내부 노드에 적용됩니다.

예를 들어,

#menu ul ul {...}

적용됩니다
u003Cul><- 여기가 아닙니다
u003Cli>
u003C/li>
u003C/ul>
u003Cdiv id="menu">
u003Cul><- 여기가 아닙니다
u003Cul><---- 여기

Firefox 's 웹 개발자 (https://addons.mozilla.org/en-us/firefox/addon/60) Addon은 Firebug의 좋은 대안/동반자입니다. 이것의 CSS 디버깅에 사용하기 쉽습니다 (IMO)

피부는 .skin 템플릿을 통해 적용됩니다.

<asp:Menu runat="server" CssClass="nav-bar" />
라이센스 : CC-BY-SA ~와 함께 속성
제휴하지 않습니다 StackOverflow
scroll top