css - 样式嵌套 UL 具有相同的类

Question

我有一个嵌套列表，但我在设置最后一级 UL 的样式时遇到了问题。

<ul class="same-class">
    <li>
        <ul class="same-class">
            <li>
            </li>
        </ul>
    </li>
</ul>

我需要的是内联显示第一个 UL 元素，并在它们下面将它们的 child 显示为 block 。问题是两个 UL 具有相同的类(我不能更改 HTML 输出，也不能添加类)，而且我找不到合适的选择器来定位第二个 UL。

In the example here我尝试向菜单 3 和 4 添加一个不同的类，这就成功了，但由于更改类不是一个选项，我需要找到一种解决方法来使子项显示为 block 。

有人可以看看并提出建议吗？

Answer 1

ul ul li { 显示: block ； } 或 .same-class .same-class li { display: block; } 应该可以解决这个问题 - 这将选择所有 li 是两个或多个 ul 或 .same-class 的 child >

This might be useful (attribute selectors)取决于你的真实代码是什么样的(如果你使用的是 AngularJS 或类似的东西，很可能有用)或 the nth-child might be good too因为我不是 100% 确定你的意思。

希望这对您有所帮助!