Html sf菜单下拉菜单未显示

我试图在我的博客上找到下拉菜单，但没有结果。我相信下拉菜单存在于主题中，因为我可以在CSS中看到一些证据。这是我第一次来这里，所以我会尽量说得非常具体

 <div id='nav1-wrapper'>
<div id='nav1'>
        <ul class='sf-menu sf-js-enabled'>


<li class='cat-item'><a expr:href='data:blog.homepageUrl' title='Home'>Home</a></li>
          <ul>
        <li>
        <a href=''><span>About Us</span></a>
        </li>
      </ul>
    <li class='cat-item'><a expr:href='data:blog.homepageUrl + &quot;feeds/posts/default&quot;' title='Posts RSS'>Posts RSS</a></li>
    <li class='cat-item'><a expr:href='data:blog.homepageUrl + &quot;feeds/comments/default&quot;' title='Comments RSS'>Comments RSS</a></li>
    <li class='cat-item'><a href='#' title='Edit this link'>Edit</a></li>

        </ul>
    </div>
</div>

我编辑了这个问题，以便带来完整的html和css代码。谢谢

---

url:

您必须将类“children”附加到包含子级的ul。在这种情况下，“关于我们”

请注意，您有一个ul作为另一个ul的直接子女。这不应该存在。结束标记中的一部分丢失了（一个

和一个

），在JSFIDLE中复制粘贴您的代码给了我您正在搜索的确切行为：关于家中的孩子：那么我是否删除了第一个ul？嗨，veelen，谢谢您的回答，我尝试过这样做，但什么都没有发生。您是对的。那是因为孩子们不在菜单上。你必须把ul.children放在ul.sf-menui的li.cat项中。如果这解决了你的问题，请将我的答案标记为你问题的答案。嗨，我插入了代码，似乎我们就快到了。但还是有问题。我把代码放在我的博客上了，你可以看看。非常感谢我的错误。ul儿童必须是父母li的一部分。我再次编辑了代码。

    #nav1-wrapper {

}
#nav1 {
    font-size: 13px;
    height: 37px;
        width:978px;
margin-left:auto;
margin-right:auto;
    background: url(http://4.bp.blogspot.com/_WoCJXgXotb8/SukuVz4pzoI/AAAAAAAABVM/IjgR927kxe8/s1600/nav1-sep.png) no-repeat left top;
}
#nav1 ul.sf-menu li {
    position: relative;
    background: url(http://4.bp.blogspot.com/_WoCJXgXotb8/SukuVz4pzoI/AAAAAAAABVM/IjgR927kxe8/s1600/nav1-sep.png) no-repeat right top;
    float: left;
    line-height: 36px;
    padding: 0 1px 0 0;
    text-align: center;
}
#nav1 ul.sf-menu li a {
    color: #666666;
    display: block;
    position: relative;
    float: left;
        font-weight:bold;
    padding:0 13px 0 13px;
    cursor: pointer;
        letter-spacing:-0.01em;
        font-size:14px;
}
#nav1 ul.sf-menu li a:hover {
    text-decoration: none;
    line-height: 36px;
    color: #333333;
}
#nav1 ul.sf-menu li a:active{
    color: #000000;
    text-decoration: none;
    line-height: 36px;
}
#nav1 ul.sf-menu li ul.children {
    border: 1px solid #000000;
    background: #272726 url(http://1.bp.blogspot.com/_WoCJXgXotb8/Suk0OoE_6LI/AAAAAAAABV8/40qI1cTpwfU/s1600/ul_children_bg.gif) repeat-y top right;
}
#nav1 ul.sf-menu li ul.children li {
    background: url(http://3.bp.blogspot.com/_WoCJXgXotb8/Suk0vKvLK4I/AAAAAAAABWE/18lJ8uP1Aes/s1600/ul_children_li_bg.gif) no-repeat bottom right;
}
#nav1 ul.sf-menu li ul.children li a {
    color: #bebebe;
    text-decoration: none;
    display:block;
}
#nav1 ul.sf-menu li ul.children li a:hover {
    text-decoration: none;
    background: none;
}
#nav1 ul.sf-menu li ul.children li ul.children {
    border: 1px solid #000000;
    border-left: none;
    background: #272726 url(http://3.bp.blogspot.com/_WoCJXgXotb8/Suk3Qj6Zi4I/AAAAAAAABWM/vwv6kTkSeG4/s1600/ul_children_ul_children_bg.gif) repeat-y top left;
}
#nav1 ul.sf-menu li ul.children li ul.children li {
    background: url(http://3.bp.blogspot.com/_WoCJXgXotb8/Suk0vKvLK4I/AAAAAAAABWE/18lJ8uP1Aes/s1600/ul_children_li_bg.gif) no-repeat bottom right;
}
#nav1 ul.sf-menu li ul.children li ul.children a {
    color: #bebebe;
    text-decoration: none;
}
#nav1 ul.sf-menu li ul.children
{
    margin:5px 0 0 0;
}
#nav1 ul.sf-menu li ul.children ul.children
{
    margin:-1px 0 0 27px;
}

<ul class='sf-menu sf-js-enabled'>
    <li class='cat-item'><a expr:href='data:blog.homepageUrl' title='Home'>Home</a>
        <ul class="children">
            <li>
                <a href=''><span>About Us</span></a>
            </li>
        </ul>
    </li>
    <li class='cat-item'><a expr:href='data:blog.homepageUrl + &quot;feeds/posts/default&quot;' title='Posts RSS'>Posts RSS</a></li>
    <li class='cat-item'><a expr:href='data:blog.homepageUrl + &quot;feeds/comments/default&quot;' title='Comments RSS'>Comments RSS</a></li>
    <li class='cat-item'><a href='#' title='Edit this link'>Edit</a></li>
</ul>