css - 如何隐藏从后面开始的第n个元素

Question

我试图隐藏从后面开始的第 n 个 div 元素。使用 :nth-last-child(n) 选择器只隐藏 div 中的最后一个元素而不是 div 本身。

我尝试了以下方法:

.block:nth-last-child(1) {display:none;}
以上没有做任何事情

.block :nth-last-child(1) {display:none;}
上面只隐藏了div中的第n个元素

.block:nth-last-child(1) {display:none;} 

<div class='block'>
    <button type="button">a</button>
    <button type="button">b</button>
    <button type="button">c</button>
</div>
<div class='block'>
    <button type="button">a</button>
    <button type="button">b</button>
    <button type="button">c</button>
</div>
<div class='block'>
    <button type="button">a</button>
    <button type="button">b</button>
    <button type="button">c</button>
</div>
<div class='block'>
    <button type="button">a</button>
    <button type="button">b</button>
    <button type="button">c</button>
</div>

Answer 1

.block:nth-last-child(2) {display:none;}