欧美一区二区三区,国内熟女精品熟女A片视频小说,日本av网,小鲜肉男男GAY做受XXX网站

css 隱藏 后幾個li

李明濤1年前8瀏覽0評論

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
ul li:nth-last-child(-n+3){ display: none; }

在上面的例子中,CSS代碼將隱藏最后三個列表項(即“列表項8”、“列表項9”和“列表項10”)。這是一種靈活的方式來控制列表的顯示及內容。