html - 如果父级有 (15,45,75,105) 个元素，则仅隐藏最后一个元素(仅限 CSS)

Question

我有一个无序列表 <ul>其中可以包含 15,30,45,60,75,90,...等等元素。如果列表有 15/45/75/105 等等，我只想隐藏最后一个元素。我想用只用 CSS，不用 JQuery 等。

我尽力完成了，找到了这篇文章 Can CSS detect the number of children an element has?到目前为止，但无法开始工作。

我怎样才能完成这项工作？

Answer 1

合并 :last-child与 nth-of-type :

ul > li:last-child:nth-of-type(15n):not(:nth-of-type(30n)) { display: none; }