CSS选择无子女，但并非空CSS选择无子女，但并非空(CSS Selector for No-Chi

我要选择下面的HTML片段BONKERS。它的区别是，它独自在<code>块，而它的所有兄弟含有<a>的。 :empty是显而易见的选择，但由于文本节点将无法正常工作。我想我知道这个东西，但是这是推动我，好了，疯狂。

 <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>

我需要一个纯CSS的解决方案（JS是不是一种选择），并具备源HTML无法控制。

FEH！

Answer 1:

你可以按照这个方法。风格code通过任何你想要的CSS元素，然后重置这些CSS样式这是在继承anchor的风格，即：

演示： http://jsfiddle.net/GCu2D/1062/

CSS：

code {
    color: green;
    font-weight: bold;
}
code a{
    color: red;/*Reset any inheritable css*/
    font-weight: normal; /*Reset any inheritable css*/
}

您可能不需要重置所有样式，因为不是所有的款式都被继承anchor从code元

这是一个解决方案，你真的可以考虑一下。