防止父母李+李携带孩子

Question

我在导航菜单上使用它来分隔列表项

nav li + li:before{
    content: " | ";
}

这会在每个列表项之间放置一个栏，它不会将栏放在第一个元素之前。并使用：before伪选择器，它不会在最后放置一个。 （按照此处的建议Separators For Navigation）

但是，我希望防止这种情况发生到子列表项目。

e.g。 nav ul li ul li

我在孩子身上尝试过content:none;和content:"";，但他们仍会显示在子菜单中。

请帮忙！

Answer 1

使用子组合器（>）替代而不覆盖：

nav > ul > li + li:before {
    content: " | ";
}

Child Combinator选择一个元素，如果它是另一个元素的直接子元素（而不是该元素的孙子元素）。

Answer 2

啊 - 我找到了答案！

nav ul li li:before {
    content: "";
}