2013-01-05 20 views
1

这里是我的HTML标记:内部列表树 - 目标只有第一级中的元素李儿童的

<ul class="nav"> 
    <li><a href='#'>Nav1</a> 
     <ul> 
      <li><a href='#'>Sub1</a></li> 
      <li><a href='#'>Sub2</a></li> 
     </ul> 
    </li> 
    <li><a href='#'>Nav2</a> 
    </li> 
    <li><a href='#'>Nav3</a></li> 
    <li><a href='h#'>Nav4</a></li> 
</ul> 

我只希望定位与文本Nav1锚标记。这是我使用的CSS不起作用。它正在选择Nav1Sub1

.nav li:first-child > a { 

} 

我应该使用类还是有办法做到这一点没有一个?

+0

之间另一个孩子选择>你为什么不只是使用一个.nav,然后覆盖与.nav这些样式UL A? – albert

回答

6

得到的只是在第二天里只使用.navli:first-child

.nav > li:first-child > a { 

} 
+0

下面是它的一个JSFiddle:http://jsfiddle.net/7C3qK/ – derekerdmann