嘗試在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是「站點導航」和類是「主導航」。

謝謝！

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/