css - 样式化循环内的第一个元素 - ejs

Question

使用 ejs，我有一个for循环，可以构建几个div's 容器，并在其中一些hr和text.

我想通过 css 仅定位第一个hr内部的元素。 div

        <% for(let i =0;i < items.length;i++) {%>
        <div class="listItemDiv"> 
          <hr />    // target
            <p><%=items[i]%><p>

        </div>
        <%  }%>

*我知道我可以做一个 if 语句并添加另一个类。hr:psuedo-class如果可能的话，我的目标是解决

标签： cssloopscss-selectorsejs

Answer 1

请试试

<% items = ["a", "b", "c"] %>
<% for(let i=0;i < items.length;i++) { %>
    <div class="listItemDiv">
        <% if(!i) { %>
        <hr /> // target
        <% } %>
        <p>
            <%=items[i]%>
        <p>
    </div>
<% } %>