好的,这是我的静态html菜单。。
<ul id="nav">
<li class="active"><a href="index.html"><span>Home</span></a></li>
<li><a href="#"><span>Holiday Packages</span></a></li>
<li><a href="#"><span>Best Deals</span></a>
</ul>
用于span--->的css
#nav a span { background:url(images/nav-right.png) right top no-repeat; padding:0 26px 0 0; display:block; }
问题是如何将span样式应用于动态生成的菜单,因为wp_nav_menu((;输出以下----->
<a href="#">Holiday Packages</a>
让我没有选择将span标签应用于"假日套餐",这是一个菜单项。。
您需要使用Wordpress的菜单函数:wp_nav_menu((
你可以在这里阅读如何设置菜单样式(它有不同的级别(:http://www.wpbeginner.com/wp-themes/how-to-style-wordpress-navigation-menus/
简单设置:使用CSS不能简单地做到这一点。
不过,您可能可以编辑正在生成菜单的Wordpress模板,使其在a
元素中添加跨度。
这应该不难。
您可以手动操作item_wrap来完成任务。这是应该启动你的链接。转到此处并搜索短语"在菜单开头添加单词">
链接在这里