Проблемы с тегами Span в WordPress Navigation

Question

Я использую теги span для нацеливания на некоторые стили nub для панелей навигации в WP.Тем не менее, код зарегистрирован в шаблоне 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" , вы можете использовать link_before для установки текста, предшествующего тексту ссылки внутри тега:

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

Попробуйте использовать это, чтобы назначить пустые теги span в ваших меню.