次のような HTML 構造があります。
<div class="foo">
<ul>
<li>
<a href="link.bar">Good</a>
<ul class="children">
<li>
<a href="otherlink.baz">Bad</a>
</li>
</ul>
</li>
</ul>
</div>
a
ここで、「悪い」を選択せずに「良い」を選択したいa
(jQueryを使用)。私は試しまし.foo ul:not(.children) li a
たが、うまくいきません(明らかに)。ワンライナーで達成することは可能でしょうか?