Use the direct descendant css selector >
. This will target only that element's direct children.
jQuery
$('.parent > ul > a')
css
.parent > ul > a {}
html
<ul class="parent">
<li>
<a>Cufon Here</a>
<ul>
<li><a>No Cufon Here</a></li>
</ul>
</li>
</ul>
More info about child selectors at http://www.w3.org/TR/CSS2/selector.html#child-selectors
washwithcare
2010-06-28 15:58:26