隱藏只有最後一個元素，如果家長有（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; }