Question

我正在使用span标签为WP中的导航栏定位一些nub样式。但是，代码是在WP模板中注册的，当我查看WP正在输出的代码并且我不确定原因时，看起来没有拾取范围。它必须是css没有拿起span标签，但我不知道为什么。

以下是模板代码：

<nav id="sub-navigation">
    <?php wp_nav_menu(array('menu' => 'Sub Nav Menu'));?>
<span></span></nav>

以下是相关的css：

#sub-navigation{ margin:20px 0 30px 0}

#sub-navigation ul{list-style:none}

#sub-navigation li a{display:block;background-color:#647484;overflow: visible !  
important; color:white; font:1.4em Verdana,Geneva,sans-serif; padding:10px 10px 10px 
25px; position:relative; text-decoration:none; margin:0 0 5px 0; width:233px;}

#sub-navigation li a span{position:absolute; right:100%; top:5px; width:15px;   
height:100%; background-color:#647484; background-image:url(images/navshadow.png); 
background-position: top right; background-repeat:repeat-y;}

#sub-navigation li:nth-child(2) a, #sub-navigation li:nth-child(2) a span{background-  
color:#728c8c}
#sub-navigation li:nth-child(3) a, #sub-navigation li:nth-child(3) a span{background-
color:#768c72}
#sub-navigation li:nth-child(4) a, #sub-navigation li:nth-child(4) a span{background-  
color:#909673}
#sub-navigation li:nth-child(5) a, #sub-navigation li:nth-child(5) a span{background-  
color:#647484}
#sub-navigation li:nth-child(6) a, #sub-navigation li:nth-child(6) a span{background-  
color:#728c8c}

#sub-navigation li a:hover{text-decoration:none; background-color:#666}
#sub-navigation li a:hover span{background-color:#666}

Answer 1

根据Wordpress "wp_nav_menu" documentation，您可以使用link_before设置标记内链接文字之前的文字：

wp_nav_menu( array( 'menu' => 'Sub Nav Menu', 'link_before' => '<span>/<span>' ) );

尝试使用它在菜单中指定空span标记。

WordPress导航中的Span标记问题

1 个答案: