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代碼,我試圖定義爲「子」類不同的字體樣式,但它正在被上層「頂級」風格所籠罩。有任何想法嗎 ?