jquery - 仅限 Cufon / Jquery 父项

Question

我有一个多级导航，我只想将 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');

Answer 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？）

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