隐藏只有最后一个元素，如果家长有（15,45,75,105）元素（CSS只）

Question

我有一个无序列表<ul>它可以有，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-child：

ul :last-child:nth-child(30n+15) 
{ 
    display: none; 
} 

演示（使用15年3月9日在这里，而不是因为我不想贴太多丽）

ul :last-child:nth-child(6n+3) { 
 
    background: red; 
 
}

<ul> 
 
    <li>1st child</li> 
 
    <li>1st child</li> 
 
    <li>1st child</li> 
 
    <li>1st child</li> 
 
    <li>1st child</li> 
 
    <li>1st child</li> 
 
</ul> 
 

 
<ul> 
 
    <li>1st child</li> 
 
    <li>1st child</li> 
 
    <li>1st child</li> 
 
</ul>

Answer 2

与nth-of-type结合:last-child：

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