WordPress導航欄中的跨度標籤問題

我正在使用span標籤來定位WP中導航欄的某些結點樣式。然而，代碼是在一個WP模板中註冊的，當我查看WP正在輸出的代碼時，看起來span沒有被拾取，我不知道爲什麼。它必須是CSS沒有拿起span標籤，但我不知道爲什麼。WordPress導航欄中的跨度標籤問題

這裏是模板代碼：

<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}

來源

2011-12-09 tobeeornot

這是wordpress.stackexchange.com的更多問題 - 問題是僅在打印完整個菜單後纔打印一次。你需要鉤入wp_nav_menu函數... – ptriek

他們在這裏把我稱爲他們的mods說這是一個CSS問題。 – tobeeornot

我很害怕他們錯了，如果你看源代碼，你會看到好，但只有一次 - 而不是它應該在哪裏...... – ptriek

按照Wordpress "wp_nav_menu" documentation，您可以使用link_before來設置先標記內的鏈接文本的文本：

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

嘗試使用它在菜單中分配空的span標籤。

來源

2011-12-09 15:37:27

WordPress導航欄中的跨度標籤問題

回答

相關問題