Cufon选择器问题
我正在使用 Cufon (http://cufon.shoqolate.com/generate/) 来替换一些菜单中的文本。
问题是我只需要设置第一个
的样式。
我尝试过使用：
Cufon.replace('#menu ul li > a', { fontFamily: 'Christopherhand', hover: { color: '#99c635'}});
使用 > 分隔符，但它不起作用。它仍然取代了 #menu ul li ul li a
这是我的标记：
<div id="menu">
<ul>
<li class="current">
<a href="#1">About JW</a>
<ul>
<li><a href="#2">Subpage 1</a></li>
<li><a href="#3">Subpage 2</a></li>
<li><a href="#4">Subpage 3</a></li>
<li><a href="#5">Subpage 4</a></li>
</ul>
</li>
<li><a href="#2">Our Products</a></li>
<li><a href="#3">Best Recipes</a></li>
<li><a href="#4">Health & Diet</a></li>
<li><a href="#5">Our Ads</a></li>
</ul>
</div>
有人能看到问题吗？它应该可以在不向子
谢谢。
I am using Cufon (http://cufon.shoqolate.com/generate/) to replace some text in a menu.
Problem is that I only need to style the first <li> of the first <ul>.
I have tried using:
Cufon.replace('#menu ul li > a', { fontFamily: 'Christopherhand', hover: { color: '#99c635'}});
With the > seperator, but it does not work. It still replaces the #menu ul li ul li a
This is my markup:
<div id="menu">
<ul>
<li class="current">
<a href="#1">About JW</a>
<ul>
<li><a href="#2">Subpage 1</a></li>
<li><a href="#3">Subpage 2</a></li>
<li><a href="#4">Subpage 3</a></li>
<li><a href="#5">Subpage 4</a></li>
</ul>
</li>
<li><a href="#2">Our Products</a></li>
<li><a href="#3">Best Recipes</a></li>
<li><a href="#4">Health & Diet</a></li>
<li><a href="#5">Our Ads</a></li>
</ul>
</div>
Can anyone see the problem? It should work without adding a class to sub <ul>. :-)
Thank you.
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（1）
您可以使用：
但您必须在 cufon 导入之前包含 jQuery 才能使用此类选择器。
https://github.com/sorccu/cufon/wiki/usage
You can use:
but you have to include jQuery before cufon import in order to use such selector.
https://github.com/sorccu/cufon/wiki/usage