使用css隐藏列表中的最后一项

使用css隐藏列表中的最后一项,css,Css,我将隐藏“列表”中的第一项。 示例:我有100个项目,但只显示前25个项目。我如何用CSS制作这个?瞒+ 项目看起来像这样 <a href="" class="onegame">...</a> <a href="" class="onegame">...</a> <a href="" class="onegame">...</a> 下面的代码将隐藏第25个列表项之后的所有列表项 CSS: a:nth-of-type(1n+

我将隐藏“列表”中的第一项。 示例:我有100个项目,但只显示前25个项目。我如何用CSS制作这个?瞒+

项目看起来像这样

<a href="" class="onegame">...</a>
<a href="" class="onegame">...</a>
<a href="" class="onegame">...</a>

下面的代码将隐藏第25个列表项之后的所有列表项

CSS

a:nth-of-type(1n+26)
{
  display:none;
}

演示:

下面的代码将隐藏第25个列表项之后的所有列表项

CSS

a:nth-of-type(1n+26)
{
  display:none;
}

演示:

将列表放在列表项中是一个很好的主意,可以方便地访问列表并简化样式设置

.mylist li{
显示:无;
}
李:第n个孩子(1),
李:第n个孩子(2),
李:第n个孩子(3),
/*一直到*/
李:第n个孩子(25岁)
{
显示:列表项;
}

将列表放在列表项中是一个很好的主意,可以方便地访问列表并简化样式设置

.mylist li{
显示:无;
}
李:第n个孩子(1),
李:第n个孩子(2),
李:第n个孩子(3),
/*一直到*/
李:第n个孩子(25岁)
{
显示:列表项;
}

您可以使用第n个子项(n+x)执行此操作,例如:

a:n子代(n+3){
字体大小:粗体;
}

您可以使用第n个子项(n+x)执行此操作,例如:

a:n子代(n+3){
字体大小:粗体;
}


您可以使用通用公式,而不是对每个列表元素重复相同的规则。如果您甚至使用10000个元素的列表,这将是一个更好的解决方案。:-)您可以使用通用公式,而不是对每个列表元素重复相同的规则。如果您甚至使用10000个元素的列表,这将是一个更好的解决方案。:-)如果你有你的解决方案,你可以勾选任何答案,就像你有你的解决方案一样,你可以勾选任何答案