css - 正确的 :last-child CSS3 syntax for last li of ul>li>ul>li structure

Question

我需要通过 display:none; 命令隐藏第二层和最后一层 li。但是我无法通过以下试验实现:

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

不成功的试验:

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

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

你能纠正我吗？

Answer 1

这似乎可以满足您的要求:

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

Fiddle demo