Html 边框不出现在每个类的顶部

我正在使用jquery包'listnav'生成一个按字母顺序排列的列表。呈现的HTML将每个字母分成一个特定的类，如下所示：

<ul id="myList">
  <li class="ln-a">
    <a href="#">A text</a>
  </li>
  ... more 'A' items ...
  <li class="ln-b">
    <a href="#">B text</a>
  </li>
</ul>

---

我得到了“A”部分上方的边界，但没有在任何后续部分上方。有什么建议吗？谢谢

问题在于

.ln-b:first child

与类

ln-b

的元素相匹配，这些元素是其父元素的第一个子元素

在您的例子中，第一个子级只有类

ln-a

，因此没有匹配项

您想要的是某种类型的

：一流的
，但这并不存在

但是，您可以将样式设置为所有
.ln-b
元素，然后删除非第一个元素的样式：

.ln-b { /* Set styles */ }
.ln-b + .ln-b { /* Remove styles */ }


.ln-a，
.ln-b{
边框顶部：1px黑色实心；
}
.ln-a+.ln-a，
.ln-b+.ln-b{
边界顶部：无；
}





您忘了“关闭”列表

<ul id="myList">
  <li class="ln-a">
    <a href="#">A text</a>
  </li>
  ... more 'A' items ...
</ul>
<ul>
  <li class="ln-b">
    <a href="#">B text</a>
  </li>
</ul>




... 更多“A”项。。。





使用JQuery：


$（文档）.ready（函数（）{
$（'.ln-a:eq（0）'）.css（'border-top'，'1px红色实体'）；
$（'.ln-b:eq（0）'）.css（'border-top'，'1px红色固体'）；
});










jquery包正在构建html。我想我可以在每一节结束后将js更改为关闭每个ul，但我不想。。不管怎样，在不修改js的情况下完成它？
<ul id="myList">
  <li class="ln-a">
    <a href="#">A text</a>
  </li>
  ... more 'A' items ...
</ul>
<ul>
  <li class="ln-b">
    <a href="#">B text</a>
  </li>
</ul>