css - 删除第一个菜单项分隔符 wordpress

Question

我试图在除第一个以外的所有菜单项之前插入“/”作为分隔符。我设法插入了分隔符，但无法弄清楚如何只删除第一个。这是CSS：

.nav li a:before {content:' / ';}
.nav li a:first-child:before {content:'';}

这对我来说很有意义，但是第二行代码删除了所有分隔符，而不是第一行。我还尝试了以下方法：

.nav li:before {content:' / ';}
.nav li:first-child:before {content:'';}

现在第一个分隔符已被删除，但所有分隔符都位于菜单链接上方和之间。我使用骨骼启动器主题。请帮助一个菜鸟。

score 3 · Accepted Answer

试试这个：

.nav li a:before {content:' / ';}
.nav li:first-child a:before {content:'';}

the<a/>永远是 the 的第一个孩子，<li />所以你需要得到第一个<li/>

1 回答 1