节制标签的表现数目—css3: nth-child()
发布时间:2020-11-25 17:28:12 所属栏目:创业 来源:网络整理
导读:前端页面最多表现三个tag,多余的在代码中所有表现。且在挪用接口的时辰也要起浸染,后端到时会将所稀有据渲染出。
短视频,自媒体,达人种草一站处事 需求: ①前端页面最多表现三个tag,多余的在代码中所有表现。 ②且在挪用接口的时辰也要起浸染,后端到时会将所稀有据渲染出。 html部门: <pre><div> <span>1</span> <span>2</span> <span>3</span> <span>4</span> <span>5</span> <span>6</span> </div></pre> css部门: <pre><style> /* 暗示选择列表中的标签从0到3,即小于3的标签 */ .key_box a:nth-child(-n+3) { color: green; } /* 暗示选择列表中的标签从第3个开始一向到最后 */ .key_box a:nth-child(n+4) { /* color: green; */ display: none; } </style></pre>功效:(只表现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的标签 (编辑:湖南网) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |