仅使用css选择启动父项的子项

Question

我认为这是一个非常简单的问题，但我似乎没有做对。 我想使用css设置列表样式，但我想要影响“顶级＆lt; li＆gt;元素。

See my problem live

HTML

<ul class="test">
<li>1</li>
<li>2
    <ul>
        <li>2.1 - should not be red</li>
        <li>2.2 - should not be red</li>
    </ul>
</li>
<li>3</li>

CSS

.test > li {
     color: #f00;
}

我做错了什么？非常感谢！

Answer 1

没什么不对的。您没有设置其他color的{​​{1}}，因此它从父级继承。

DEMO

li