2013-01-03 26 views
0

我想讓cufon在UL/LI菜單結構的頂層顯示字體。如何防止cufon呈現字體或繼承子菜單中的樣式。如何防止Cufon在子菜單中繼承?

我已經爲頂級菜單級別添加了一個類,'頂部',併爲所有子菜單'sub'添加了一個單獨的類。

我真的很想爲子菜單禁用cufon,但如果無法完成,那麼加載另一種字體並重新設置也是可以接受的。我已經嘗試了這兩種方法,但繼承是非常持久的。

這裏的的Cufón代碼:

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" }); 

和菜單格式在這裏:

<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> 

在的Cufón代碼,我試圖定義爲「子」類不同的字體樣式,但它正在被上層「頂級」風格所籠罩。有任何想法嗎 ?

回答

0

我弄清楚爲防止子級UL不能通過cufon設置,我必須做些什麼。我不需要使用複雜的

li.top:not(li.top>ul>li.sub)。

我只需要通過自己指定.TOP類,然後添加

忽略:{UL:真正},

到的Cufón設置,它忽視了菜單項的其餘部分。