css - 如何定位最后一个类型

Question

我希望页面上的最后一个无序列表没有底部边框。问题是，如果我执行 last-of-type 或 last-child，它会更改所有无序列表，因为它们是每个部分中唯一的一个。简化代码:

<div>
<section>
    <ul>
    </ul>
</section>

<section>
    <ul>
    </ul>
</section>

<section>
    <ul>
    </ul>
</section>

我不能只使用一个类，因为它用于动态内容，客户端将在其中添加/删除部分。有我可以使用的选择器吗？这是现场照片:

Answer 1

:last-of-type

div > section:last-of-type > ul { 
  border-bottom: 0 none rgba(0, 0, 0, 0); 
}

:last-child

div > section:last-child > ul { 
  border-bottom: 0 none rgba(0, 0, 0, 0); 
}

做那些CSS pseudo-class工作？