需求：
①前端页面最多显示三个tag，多余的在代码中全部显示。
②且在调用接口的时候也要起作用，后端到时会将全部数据渲染出。
html部分:
1 2 3 4 5 6
css部分:
/* 表示选择列表中的标签从0到3，即小于3的标签 */ .key_box a:nth-child(-n+3) { color: green; } /* 表示选择列表中的标签从第3个开始一直到最后 */ .key_box a:nth-child(n+4) { /* color: green; */ display: none; }
结果：（只显示3个，第三个开始隐藏掉了）
附：
css3:nth-child选取第几个标签元素
选择标签选择第几个
nth-child(3)选择第3个
nth-child(2n)选择偶数标签
nth-child(2n-1)选择奇数标签
nth-child(n+3)选择从第3个标签开始到最后
nth-child(-n+3)选择从第0到3，即小于3的标签
文章来源：田珊珊个人博客
来源地址：http://www.tianshan277.com/717.html
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至253000106@qq.com举报，一经查实，本站将立刻删除。
发布者：SEO优化专员，转转请注明出处：https://www.chuangxiangniao.com/p/898470.html
