我试图在除第一个菜单项之外的所有菜单项之前插入“/”作为分隔符。我设法插入分隔符,但无法弄清楚如何只删除第一个分隔符。这是css:
.nav li a:before {content:' / ';}
.nav li a:first-child:before {content:'';}
这对我来说很有意义,但第二行代码删除了所有分隔符而不是第一行。我也尝试了以下内容:
.nav li:before {content:' / ';}
.nav li:first-child:before {content:'';}
现在删除了第一个分隔符,但所有分隔符都位于菜单链接之上。我正在使用骨头启动主题。 请帮助一个菜鸟。
答案 0 :(得分:3)
试试这个:
.nav li a:before {content:' / ';}
.nav li:first-child a:before {content:'';}
<a/>
始终是<li />
的第一个孩子,因此您需要获得第一个<li/>