仅限 Cufon / Jquery 父项

【问题标题】：Cufon / Jquery Parent Item only仅限 Cufon / Jquery 父项
【发布时间】：2010-06-29 19:52:24
【问题描述】：

我有一个多级导航，我只想将 cufon 应用到顶层。

原来是这样的：

<ul>
     <li>
         <a href="#"> CUFON ME </a>
         <ul><li>sub nav, dont cufont me</li></ul>
     </li>
</ul>

现在它选择了所有子元素，我只想选择最顶层的元素。

Cufon.set('fontFamily', 'Museo Sans 500').replace('h1')('h2')('h3')('.menu-header ul#menu-main-nav li a');

【问题讨论】：

【解决方案1】：

不确定cufon语法，但试试

Cufon.set('fontFamily', 'Museo Sans 500').replace('h1')('h2')('h3')('.menu-header ul#menu-main-nav > li > a');

（尽管.menu-header 后代选择没有用，因为#menu-main-nav 是一个ID 选择器——或者是否有多个具有相同ID 的元素？）

这使用> child selector 来确保 cufon 仅应用于第一个后代，也称为子代。

【讨论】：