正确：最后一个孩子的CSS3语法，用于ul＆gt; li＆gt; ul＆gt; li结构的最后一个

Question

我需要通过li命令隐藏第二级和最后一级display:none;。然而，我无法通过以下试验取得成果：

我的ul li结构

<ul>
    <li>
        <ul>
            <li>dynamic content</li>
            <li>dynamic content</li>
            <li>* * *</li>
        </ul>
    </li>
    <li>
        <ul>
            <li>dynamic content</li>
            <li>dynamic content</li>
            <li>* * *</li>
        </ul>
    </li>
    <li>
        <ul>
            <li>dynamic content</li>
            <li>dynamic content</li>
            <!-- I need to make li below hidden-->
            <li>* * *</li>
        </ul>
    </li>
</ul>

不成功的试验：

隐藏所有* * * - ＆gt; li ul:last-child li:last-child{display:none;}

还隐藏了所有* * * - ＆gt; li ul li:last-child{display:none;}

你能纠正我吗？

Answer 1

这似乎可以满足您的需求：

ul li:last-child ul li:last-child{display:none;}

Fiddle demo