CSS隱藏后幾個li
ul li:nth-last-child(-n+3){ display: none; }
當我們需要隱藏一個ul列表中的后幾個li時,可以使用CSS偽類:nth-last-child來實現。在上面的代碼中,我們使用了負的n值來指定需要隱藏的li項數量,同時通過display:none來將它們隱藏。
例如,如果我們需要隱藏一個包含10個li的列表中的后3個li,只需要將-n+3作為:nth-last-child的參數即可。
- 列表項1
- 列表項2
- 列表項3
- 列表項4
- 列表項5
- 列表項6
- 列表項7
- 列表項8
- 列表項9
- 列表項10
在上面的例子中,CSS代碼將隱藏最后三個列表項(即“列表項8”、“列表項9”和“列表項10”)。這是一種靈活的方式來控制列表的顯示及內容。