Tag "nth-child" 相关话题

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

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

标签： css教程  /  隔两行选中一行  /  css选择器  /  nth-child  /  隔行选择

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

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

标签： css  /  选择器  /  nth-child