需求:
①前端页面最多显示三个tag,多余的在代码中全部显示。
②且在调用接口的时候也要起作用,后端到时会将全部数据渲染出。
html部分:
1
2
3
4
5
6
css部分:
结果:(只显示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
申请创业报道,分享创业好点子。点击此处,共同探讨创业新机遇!