Tag "nth-child" 相关话题

经验总结

利用CSS选择器nth-child实现隔行设置不同样式

2

Deshun 发布于 5年前 (2019-05-14) 2479℃ 评论(0) 赞 (2)

利用CSS选择器nth-child实现隔行设置不同样式

奇葩老板就会有奇葩需求,他要求像上图一样,每两行用一条横线隔开,但这是循环出来的呀,怎么才能每隔一行选中5个呢?可以用 CSS 选择器 nth-child 来实现:nth-child 有不少扩展应用,比如:nth-child(odd) 匹配奇数个(1、3、5)。nth-...

HTML笔记

CSS 选择器 nth-child 的几种用法

3

Deshun 发布于 6年前 (2018-05-26) 16581℃ 评论(0) 赞 (9)

CSS 选择器 nth-child 的几种用法

在开发过程中,会碰到一些选择器的需求:例如使列表中的第一项或者最后一项显示不同的样式 、列表中的奇数或者偶数项显示不同的背景色 . . .  等等。我们可以通过 CSS 来实现这样的效果,CSS 给我们提供了几个样式参数:first-child、last-child、n...