0

我试图在 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”样式所覆盖。有任何想法吗 ?

4

1 回答 1

0

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

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

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

忽略:{ul:真},

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

于 2013-01-04T03:28:18.140 回答