Question

我试图在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'样式所覆盖。有什么想法吗？

Answer 1

我弄清楚我必须做些什么才能防止不通过cufon设置子级UL。我不需要使用复杂的

li.top:not（li.top＆gt; ul＆gt; li.sub）。

我只需要自己指定.top类，然后添加

忽略：{ul：true}，

到cufon设置，它忽略了其余的菜单项。

如何防止Cufon在子菜单中继承？

1 个答案: