php - 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 标签应该只应用于主菜单(层次结构中的深度 = 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，则使用“background-color”。