wp_nav_menu 未应用 css答案

【问题标题】：wp_nav_menu is not applying csswp_nav_menu 未应用 css
【发布时间】：2013-07-27 03:07:00
【问题描述】：

哦，光荣的斯塔克，给我解谜；为什么我的 wp_nav_menu 没有样式？

我的 function.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-admin，创建了菜单“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 初学者

【问题讨论】：

这些类是否实际应用于菜单代码？
这是正在输出的 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>
可能有其他样式会覆盖您的样式，请使用诸如 firebug 之类的检查器来查看它是什么。
我看到每个元素都被分配了一个 wordpress 类，比如“menu-item”，这会覆盖我在“topNav”中的 css 规则吗？

标签： php html css wordpress

【解决方案1】：

这是一个 sass 问题，请参阅此处了解更多信息http://css-tricks.com/compass-compiling-and-wordpress-themes/

【讨论】：