css 子选择器

Question

我有这个列表:

   <ul class="topnav" id="topnav">
    <li><a href="#"><span>community</span> </a>
        <ul class="level1">
            <li><a href="#"><span>Commun1</span> </a>
                <ul class="level1">
                </ul>
            </li>
        </ul>
    </li>
    <li><a href="#"><span>Events</span></a>
        <ul class="level1">
            <li><a href="#"><span>Event1</span> </a>
                <ul class="level1">
                <li><a href="#"><span>Event2</span></a>
                <ul class="level1"></ul>
                </li>
                </ul>
            </li>
        </ul>
    </li> the the first ul under community and the first ul under Events
</ul>

我只需要访问我使用的类级别为 1 的第一个 ul 在每个 ul 中我只需要访问

            .topnav li > ul 
             {
              //code here
             }

我已经更新了我的代码仍然无法访问唯一的 fi

Answer 1

像这样使用:

#topnav li:first-child ul
{
    // your style
}

查看工作演示:http://jsfiddle.net/bqBdn/4/

注意:您的 HTML 代码有点错误，请按照我在本演示中所做的那样更正它。在 main li 中为 ul, li 使用适当的标记谢谢!