尝试使用第n个类型的选择器。例如：

li:nth-of-type(1) {
  border-top: 1px solid red;
}

将在第一个 * li * 元素的顶部放置边框

• • 编辑**

如果你不知道页面中有多少个 * section_break * 元素，你可以添加attribute selectors和adjacent sibling combinator的组合，如下所示（codepen）：

li[class*="section_break"]{
  border-top: 1px solid black;
  border-left: 1px solid black;
  border-right: 1px solid black;
  border-bottom: 0px solid black;
}

li[class*="section_break"] ~ :not(li[class*="section_break"]) { 
  border-top: 0px solid black;
  border-left: 1px solid black;
  border-right: 1px solid black;
  border-bottom: 0px solid black;
}

li[class*="section_break"] ~ :last-of-type:not(li[class*="section_break"]) {
  border-top: 0px solid black;
  border-left: 1px solid black;
  border-right: 1px solid black;
  border-bottom: 1px solid black;
}

li[class*="section_break"] ~ 
:not(li[class*="section_break"]):has(+ li[class*="section_break"]){
  border-bottom: 1px solid black;
}

第一个块选择每个在其class属性中包含字符串 * section_break * 的 * li *;第二个块选择其class属性中没有 * section_break * 的相邻 * li *;第三个块选择在其class属性中没有 * section_break * 的相邻 * li * 的最后一次迭代;最后一个块基于在其类中具有 * section_break * 的下一个兄弟向每个组的最后一个添加边界。