html - 高阶 li 的 CSS 选择器

Question

如您所见，我很难表达标题中的问题。

我有一个包含 li 的 ul，它本身包含一个 ul 和它自己的 li。

我希望仅第一个 li 元素而不是第二个 ul 中的元素。

如果你看this fiddle (或下面的代码)，我想更改元素 1 的颜色而不是子元素 1 的颜色。如果不将类附加到 li 元素是否可能？

<div class="foo">
    <ul>
        <li>
            item 1
            <ul>
                <li>sub item 1</li>
             </ul>
        </li>
    </ul>           
</div>  

Answer 1

这样的事情会有帮助吗？

.foo ul li {
    color: red;
}
.foo ul li ul li {
    color:green;
}