我在电脑上安装了wordpress，这样我就可以学习如何制作自定义主题并在本地测试它们。目前，我正在使用教程中的一些预制代码，以便我能更熟悉wordpress codex。

但是，我在自定义导航/菜单时遇到了一些问题。我正在使用wp\\u nav\\u菜单添加链接，但由于某种原因，当我更新页面时，在栏的底部（这是一个水平菜单）以及直接在链接集的左侧添加了额外的空间。当我检查google chrome上的元素时，它引用了一个ul标签，带有wordpress似乎添加的附加ID和类。

我在google上搜索了一下，试图找出问题所在，大家一致认为，wordpress添加到菜单中的所有附加类和ID都不应该影响样式，只要你想自定义它们就可以了。

这是我标题中菜单的代码。php文件：

<div class="blog-masthead">
  <div class="container">
    <nav class="blog-nav">
        <?php wp_nav_menu( array( \'menu\' => \'empty menu\', \'container_class\' => \'\', \'walker\' => new CSS_Menu_Walker() ) ); ?>
      </nav>
        </div>
</div>

以下是css代码：

.blog-masthead {
  background-color: #428bca;
  -webkit-box-shadow: inset 0 -2px 5px rgba(0,0,0,.1);
          box-shadow: inset 0 -2px 5px rgba(0,0,0,.1);
}

/* Nav links */

.blog-nav li {
    position: relative;
    display: inline-block;
    padding: 10px;
    font-weight: 500;   
}
.blog-nav li a {
    color: #fff;
}

/* Active state gets a caret at the bottom */
.blog-nav .active {
  color: #fff;
}
.blog-nav .active:after {
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 0;
  height: 0;
  margin-left: -5px;
  vertical-align: middle;
  content: " ";
  border-right: 5px solid transparent;
  border-bottom: 5px solid;
  border-left: 5px solid transparent;

}

下面是我在chrome上检查代码时的样子：

   <div class="blog-masthead">
      <div class="container">
        <nav class="blog-nav">
            <div class="menu-empty-menu-container"><ul id="menu-empty-menu" class="menu"><li id="menu-item-1798" class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item current_page_item menu-item-home active"><a href="http://localhost/wordpress"><span>Home</span></a></li>
<li id="menu-item-1799" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="http://localhost/wordpress/blog/"><span>Blog</span></a></li>
<li id="menu-item-1800" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="http://localhost/wordpress/front-page/"><span>Front Page</span></a></li>
<li id="menu-item-1801" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="http://localhost/wordpress/about/"><span>About The Tests</span></a></li>
<li id="menu-item-1802" class="menu-item menu-item-type-taxonomy menu-item-object-category"><a href="http://localhost/wordpress/category/foo-parent/"><span>Foo Parent</span></a></li>
<li id="menu-item-1803" class="menu-item menu-item-type-taxonomy menu-item-object-category"><a href="http://localhost/wordpress/category/foo-a/"><span>Foo A</span></a></li>
</ul></div>          </nav>
            </div>
    </div>

我注意到的另一件事是，如果我将菜单的php替换为

<?php wp_list_pages( \'&title_li=\'); ?>

一切看起来都应该是这样的，除了应该出现在活动链接下的插入符号丢失（这是解决后我会处理的另一个问题）

有什么想法吗？

.blog-nav li,
.blog-nav ul {
    padding: 0;
    margin: 0;
}