php - 试图在 WordPress 的每个菜单项之间放置一个分隔符

Question

我试图在我的 WordPress 菜单上的每个菜单项之间放置一个“//”。我唯一不想要的地方显然是最后一个。

例子:

我们的故事//我们的产品//认识我们的团队//联系我们

我尝试了一些 css，但无法让它工作。

我的 header.php 文件显示:

    <nav id="site-navigation" class="main-navigation" role="navigation">                    
                    <?php 
                            $walker = new rc_scm_walker;
                            wp_nav_menu(array(
                            'theme_location'  => 'main-navigation',
                            'fallback_cb'     => false,
                            'container'       => false,
                            'items_wrap'      => '<ul id="%1$s">%3$s</ul>',
                            'walker'          => $walker
                        ));
                    ?>           
                </nav><!-- #site-navigation -->          

我的导航 ID 是“site-navigation”，类是“main-navigation”。

谢谢!

Answer 1

在不知道你所有的选择器的情况下，你可以使用伪元素来做这样的事情:

.main-navigation li {
  position: relative;
  float: left;
  margin-left: 20px;
  padding-right: 20px;
}

.main-navigation li:after {
  position: absolute;
  top: 0;
  right: 0;
  content: '//';
}

.main-navigation li:last-child:after {
  content: '';
}

https://jsfiddle.net/8eghhh2v/