Cufon 不排除带有选择器的元素：不

Question

我在网上搜索并在 stackoverflow 上找到了 exclude an element 的 Cufon 转换的解决方案，因为我的字体 'BlueHighwayDType' 不包含 '€ ' 符号，所以我必须排除这个元素才能在 ie7/8 上看到它。 http://www.matteowebdesigner.com/test/yesimove/

<!--head-->
<!--[if lt IE 9]>
<script type="text/javascript" src="js/cufon-yui.min.js"></script>
<script type="text/javascript" src="js/Blue_Highway_D_Type_400.font.js"></script>
<script type="text/javascript" src="js/mind-ie.js"></script>
<![endif]-->

我要替换的元素是 p，我要排除的元素是 span.small

<!--body-->
<article>
    <p>L'unico <strong>Personal Trainer</strong> <br/>
    che ti segue ovunque</p>
    <p>e ti permette di <strong>condividere</strong> 
    i tuoi progressi con i tuoi amici.</p>
    <p>A soli <strong>9.<span class="small">99 &euro;</span></strong> al mese !</p>
</article>

所以我尝试了我在网上找到的示例，并使用了选择器“:not”，但它不起作用。看这个：

/*mind-ie.js*/
$(document).ready(function() { // Start Functions
    Cufon.replace('#main #slogan section article p:not(.small)');
});

我不明白，因为它不起作用，我认为选择器是正确的。

Answer 1

即使在这种情况下排除所有 span 元素。

Cufon.replace('#main #slogan section article p',{ignore:{span:true}});

Answer 2

small 类实际上是由后代<span> 元素公开的，而不是由<p> 元素公开的。

尝试使用:has() 选择器：

Cufon.replace("#slogan section article p:not(:has(.small))");

再想一想，这将忽略包含与.small 匹配的元素的<p> 元素，这可能不是您想要的。指定 ignoreClass 选项似乎是一个更好的主意：

Cufon.replace("#slogan section article p", {
    ignoreClass: "small"
});