Cufon이 부 메뉴에서 상속되지 않도록하려면 어떻게해야합니까?

Question

UL/LI 메뉴 구조의 최상위 레벨에 cufon 렌더링 글꼴을 사용하려고합니다. 어떻게하면 큐 폰이 글꼴을 렌더링하거나 부 메뉴에서 스타일을 상속하는 것을 방지 할 수 있습니까?

최상위 메뉴 수준 인 '최상위'클래스와 모든 하위 메뉴 인 '하위'클래스를 추가했습니다.

나는 하위 메뉴에 대해 비활성화 된 cufon을 갖고 싶지만, 그럴 수 없다면 다른 글꼴을로드하고 재 지정하는 것도 허용 될 수 있습니다. 두 가지 방법을 모두 시도했지만 상속은 매우 영구적입니다.

Cufon.replace("li.top:not(li.top>ul>li.sub)", { fontFamily: "SerpentineDBol", 
         //hover: true, 
         hover: { 
          textShadow: '1px 1px #febf00', 
          color: '-linear-gradient(black, lightgray)' 
         }, 
hoverables: { li: true }, textShadow: "1px 1px white", color: "-linear-gradient(black, lightgray)" }); 
Cufon.replace("li.top>ul>li.sub", {fontFamily: "Arial Black" }); 

여기에 메뉴 형식 : 여기

가 cufon 코드의

<nav class="isi-nav clearfix"> 
    <div class="isi-nav-inner"> 
     <ul class="isi-hmenu" id="topmatt"> 
      <li class="item-464 active top"> 
      <a class=" active" href="/j25/">Home</a> 
      </li> 
      <li class="item-444 deeper parent top"> 
      <a href="/j25/index.php/sample-sites">Sample Sites</a> 
      <ul> 
       <li class="item-545 sub"> 
       <a href="/j25/index.php/sample-sites-2/banner-module">Banner Module</a> 
       </li> 
       <li class="item-546 sub"> 
       <a href="/j25/index.php/sample-sites-2/archive-module">Archive Module</a> 
       </li> 
       </ul> 
      </li> 
      <li class="item-476 top"> 
       <a href="/j25/index.php/captcha">Captcha</a> 
      </li> 
      </ul> 
     </div> 
    </nav> 

cufon 코드에서, 나는 '하위'클래스에 대해 다른 글꼴 스타일을 정의했지만, 한 그것은 상위 레벨의 'top'스타일에 의해 타개되고있다. 어떤 아이디어?

Answer 1

나는 하위 레벨 UL이 cufon을 통해 설정되지 않도록하기 위해 무엇을해야하는지 알아 냈습니다. 나는 복잡한 것을 사용할 필요가 없었습니다.

li.top:not(li.top>ul >li.sub). {UL : TRUE}

난 그냥 자체로 .top 클래스를 지정하고 다음

무시 추가 할 필요는 cufon 설정

을하고 그 메뉴 항목의 나머지 부분을 무시.