Seletor CSS para No-Children-But-Not-Empty
Quero selecionar BONKERS no fragmento HTML abaixo. Sua distinção é que está sozinho em um<code>
bloco enquanto todos os seus irmãos contêm<a>
's.:empty
é a escolha óbvia, mas não funcionará devido ao nó de texto. Eu pensei que sabia essas coisas, mas isso está me deixando maluco.
<ul class="Reference">
<li class="level4">
<code class="active-voice">
<a href="some/url/x" version="2">
mauve
</a>
</code>
<li class="level8">
<code class="active-voice">
BONKERS
</code>
</li>
<li class="level9 subclass">
<code class="active-voice">
<a href="some/url/c" version="2">
cerise
</a>
</code>
</li>
</ul>
Preciso de uma solução CSS pura (JS não é uma opção) e não tenho controle sobre o HTML de origem.
Feh!