哦,棒极了,给我猜个谜吧;为什么我的wp_nav_menu没有样式化?
我有我的功能。php设置如下:
<?php
if (function_exists('register_nav_menus')) {
register_nav_menus(array('primary' => 'Header Navigation'));
}
?>
我的wp_nav_menu设置如下:
<div id="navContainer" class="col-4-5">
<?php wp_nav_menu(array('container' => 'nav',
'container_class' => 'topNav'))?>
</div>
最后我的css是这样的:
.topNav ul, .topNav li {
display:inline;
}
.topNav a {
padding:14px 20px 10px 20px;
float:left;
display:inline-block;
border-right: 1px solid #ddd;
color:#999;
text-decoration:none;
}
.topNav a:hover {
color:#000;
}
我还进入了wp管理,创建了菜单"topNav",选择了主题位置"页眉导航",并添加了一些项目。项目出现,但没有css样式,即文本装饰、内联等。
我在这里错过了什么?
这里还有它输出的html:
<div id="navContainer" class="col-4-5">
<nav class="topNav">
<ul id="menu-topnav" class="menu">
<li id="menu-item-11" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-11">
<a href="#">Home</a></li>
<li id="menu-item-12" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-12"><a href="#">Celebrity</a></li>
</ul>
</nav>
</div>
谢谢Wordpress初学者
这是一个sass问题,请参阅此处了解更多信息http://css-tricks.com/compass-compiling-and-wordpress-themes/