我试图在 UL/LI 菜单结构的顶层使用 cufon 渲染字体。如何防止 cufon 渲染字体或继承子菜单中的样式。
我只在顶层菜单级别添加了一个类“top”,并为所有子菜单添加了一个单独的类“sub”。
我真的很想为子菜单禁用 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" });
和这里的菜单格式:
<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 代码中,我尝试为“sub”类定义不同的字体样式,但它被上层“top”样式所覆盖。有任何想法吗 ?