0

这是我的导航代码 ----->

$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 标签，有没有办法做到这一点。？

4

1 回答 1

1

如果您想以不同的方式设置子菜单的样式，您应该使用的标识符是，.sub-menu但取决于您使用的主题，主题的作者可能已经设置了菜单的 UL、LI 或 A 的样式。从 style.css 中找出它并为相同的标识符编写代码。

例如。如果 style.css 包含类似这样的内容

.menu li a { background: #fff; }

那么你需要写下这一行：

.sub-menu { background: #888; }

如果主题样式使用“背景”，则使用“背景颜色”也是一个好习惯，background如果主题样式使用background-color.

于 2013-02-27T08:51:30.730 回答