WordPress下拉菜單的樣式不合適，因為它們繼承了父樣式。 想要給自定義背景下拉菜單

Question

這是我的導航代碼----->

$main = array( 'theme_location' => 'header-menu' , 'link_before'     => '<span>',
'link_after'      => '</span>','container' => '',
'items_wrap' => '%3$s',


 );


wp_nav_menu( $main ); 

我正在將span標簽應用於樣式li項目。 我真正想做的是，span標簽僅應應用於主菜單（層次結構中的depth = 1），而不應應用於其子菜單（在下拉菜單中）

html ouptut is something like 

<ul class=main>

<li><a href="http://127.0.0.1/samplesite/?page_id=19"><span>Testimonials</span></a></li> >
<li><a href="http://127.0.0.1/samplesite/?page_id=19"><span>Testimonials</span></a></li> >

<ul class ="sub=menu" >

<li><a href="http://127.0.0.1/samplesite/?page_id=19"><span>Testimonials</span></a></li> >
    </ul>
<li><a href="http://127.0.0.1/samplesite/?page_id=19"><span>Testimonials</span></a></li> >
 </ul>

我不希望子菜單類li項中的span標簽，有沒有辦法做到這一點？

Answer 1

如果要對子菜單設置不同的樣式，則應使用的標識符為.sub-menu但根據所使用的主題，主題的作者可能已對菜單的UL，LI或A設置了樣式。 從style.css中找出答案，並為相同的標識符編寫代碼。

例如。 如果style.css包含這樣的內容

.menu li a { background: #fff; }

那么您需要編寫以下行：

.sub-menu { background: #888; }

這也是一個很好的做法，使用background ，如果使用的主題風格“背景”和“背景色”如果主題的樣式中使用background-color 。