CSS：before和：first-child组合

我使用以下代码在我的菜单项之间添加分隔符：

#navigation_center li:before {

    content: "| ";
    color: #fff;

}

现在我想要第一个项目的前面没有一个分隔符，所以我想出了以下代码：

#navigation_center li:before:first-child {

    content: none;

}

但这不是做任何事情。是否可以结合：之前和：第一个孩子？

解决方法

尝试

#navigation_center li:first-child:before {
    content: '';
}

编辑：我想扩大这个答案与FelipeAls的评论。原来的问题使用：第一，它不是一个有效的CSS选择器。相反，使用：first-child。伪选择器的顺序也很重要。第一个子选择器必须位于第一位。

我倾向于认为：之前作为一种选择器的修饰符。它实际上不选择元素，只选择刚好在所选元素之前的空间。