CSS를 특정 메뉴 항목 asp.net 메뉴에 적용하십시오.

Question

4 개의 메뉴 항목이있는 asp.net horizonatal 메뉴가 있습니다. 두 번째 하위 메뉴가 있습니다. 모두 가운데 정렬되어 있지만 하위 메뉴로 인해 두 번째 요소의 텍스트가 왼쪽으로 이동 한 것처럼 보입니다. 이 특정 메뉴 항목에 CSS를 적용하고 싶습니다.

        <Items> 
            <asp:MenuItem Text="" Value="" NavigateUrl=""></asp:MenuItem> 
            <asp:MenuItem Text="" Value="" NavigateUrl=""> // want to apply CSS to this particular Item in such a way that it shouldn't break if the order of the items is changed. 
             <asp:MenuItem Text="" Value="" NavigateUrl="></asp:MenuItem> 
            </asp:MenuItem> 
            <asp:MenuItem Text="" Value="" NavigateUrl=""></asp:MenuItem> 

           </Items> 

Answer 1

(클래스 적용된 "정적", 그 안에서 모든 항목이 클래스 "동적"가있다

.SomeMenuClass a 
{/*menu items with submenu*/ 
    color:black; 
} 
.SomeMenuClass a:only-child 
{/*menu items without submenu*/ 
    color:Green; 
} 

Answer 2

최고 수준의 항목처럼 그 asp:Menu을 대응주고 스타일 세부 CssClass="SomeMenuClass" 추가 다른 클래스도 있지만 마크 업을 확인하십시오.) 당신은 항목에 특정 클래스를 적용 할 수 없습니다 (당신이 할 수 있지만 큰 고통)하지만 당신은 당신이 찾고있는 결과를 얻으려면 CSS 트릭을 수행 할 수 있습니다 항목에 "풍선 도움말"로 설정

• 을 특히 - HTML의 "title"속성으로 렌더링 될 것입니다.
• CSS 파일에서 속성을 기준으로 선택기를 추가하십시오 (예 : ".navigation a [title = '{{THE_TOOLTIP_VALUE}}'{color : red; } "

참고 : 당신은 메뉴 속성 또는 메뉴 컨트롤의 추가 요소를 통해 스타일과 클래스와 바보짓 할 수 있습니다. 전체 참고로, https://msdn.microsoft.com/en-us/library/system.web.ui.webcontrols.menu.aspx

개인의 의견을 확인 :를 기본적으로 ASP를 : 메뉴 CSS 클래스, 인라인 스타일을 미리 정의하고 있습니다 (ScriptResource.axd 처리기를 통해) 자바 스크립트가 적용 밖으로 상자의 일부를 얻을. 어느 시점에서 당신은 그것들을 제거하거나 그들을 대체 할 필요가있을 것입니다. 그리고 당신은 당신의 머리카락을 잡기 시작할 것입니다 :) 당신 자신의 HTML 메뉴 생성기를 작성하는 데 몇 시간이 걸립니다. 어떻게하는지 알아 내려고 노력하지 마십시오. 무의미하기 때문에 메뉴 컨트롤을 수정하십시오.