Question

我有以下问题：在 div 中，例如有三个 ul 元素。每个 ul 元素都包含一个或多个 li 元素。我想要的是将特定属性添加到第一个 li ，这是第一个 ul ，但其他 li 获胜的方式＆＃ 39; t具有相同的行为。

<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

只需选择第一个li以及:first-child：

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

Building a promise chain recursively in javascript - memory considerations

ul和div中第一个li元素的特定行为

1 个答案: