Selector CSS para No-Children-But-Not-Empty
Quiero seleccionar BONKERS en el fragmento HTML a continuación. Su distinción es que está solo en un<code>
bloquear mientras que todos sus hermanos contienen<a>
's.:empty
es la opción obvia, pero no funcionará debido al nodo de texto. Pensé que sabía esto, pero esto me está volviendo loco, bueno, loco.
<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>
Necesito una solución CSS pura (JS no es una opción), y no tengo control sobre el código fuente HTML.
Feh!