特定のULの最初のli要素の挙動やdivの

Question

。それらの各々は、ul要素の1つまたはそれ以上を含みます。li要素。 私が欲しいもの、最初ULが、他の李は同じ動作を持っていないような方法であり、非常に最初の李に特定の属性を追加することです。

<div class="class1"> 
    <ul> 
     <li>   
     <div class="type"> 
      some text 
     </div> 
     <p>some more text</p>  
     </li> 
     <li>   
     <div class="type"> 
      text2 
     </div> 
      <p>more text 2</p>   
     </li> 
    </ul> 
    <ul> 
     <li> 
     <div class="type"> 
      some new text 
     </div> 
     <p>more some new text</p>  
     </li>  
     <li>   
     <div class="type"> 
      text 3 
     </div> 
      <p>more text 3</p>  
     </li>  
    </ul> 
</div> 

そして、私のCSSは次のようになります。

.class1 ul:first-child li { 
    border-top: #000000 1px solid; 
} 

をしかし、これは、私が望むように動作していないと私はCSSにかなり新たなんだから、私は私が使用しなくても何ができるのか見当がつかないJS。 誰にも私のために助言をお願いしますか？ :)

Answer 1

だけ:first-childと同様に最初のliを選択：

.class1 ul:first-child li:first-child 

JSFiddle Demo