框模型位置和菜单上的流量（绝对位置）

Question

我想做一个菜单，我卡住了。 我想知道如果有人有一些想法没有太多的黑魔法（JS和东西）。

这里是我的CSS：

* { 
    margin: 0; 
    padding: 0; 
    list-style: none; 
} 
.wrap { 
    background: red; 
} 
.ul-one { 
    background: green; 
    position: static; 
    display: inline-block; 
} 
.ul-two { 
    background: gray; 
    position: absolute; 
    left: 50px; 
    top: 0; 
} 

和HTML：

<div class="wrap"> 
    <ul class="ul-one"> 
     <li>um</li> 
     <li>dois</li> 
     <li>tres</li> 
     <li>quatro</li> 
     <li> 
      <ul class="ul-two"> 
       <li>__um</li> 
       <li>__dois</li> 
       <li>__tres</li> 
       <li>__quatro</li> 
       <li>__cinco</li> 
       <li>__seis</li> 
       <li>__sete</li> 
       <li>__oito</li> 
       <li>__nove</li> 
       <li>__dez</li> 
       <li>__once</li> 
      </ul> 
     </li> 
    </ul> 
</div> 

这里的jfiddle： http://jsfiddle.net/4m5g09Lb/

我希望父（红色格）增长符合UL孩子。 我在网上阅读了很多，发现了一些解决方案，但是当它们与绝对位置一起使用时，它们都不起作用。 这个结构将在更多divs内部，但我认为如果在某些层次上工作，它将会在很多层次上工作。

在此先感谢。

Answer 1

可以使用

ul:nth-child(even){ 
} 

所有甚至儿童

ul:nth-child(odd){ 
} 

所有多名儿童。