CSS中:nth-child的用法

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了CSS中:nth-child的用法相关的知识,希望对你有一定的参考价值。

参考技术A 做前端一定要记住:nth-child(2)这个选择器,它可以帮你轻松选择你想要的标签并给与修改添加样式

下面通过几个例子说明,相信你一看就明白

:nth-child(2)表示选取第几个标签,”2可以是你想要的数字”

:nth-child(n+4)选取大于等于4标签,”n”表示从整数

:nth-child(-n+4)选取小于等于4标签

:nth-child(2n)选取偶数标签,2n也可以是even

:nth-child(2n-1)选取奇数标签,2n-1可以是odd

:nth-child(3n+1)自定义选取标签,3n+1表示”隔二取一”

:last-child选取最后一个标签

:nth-last-child(3)选取倒数第几个标签,3表示选取第3个

以上是关于CSS中:nth-child的用法的主要内容,如果未能解决你的问题,请参考以下文章

css3怎么用伪类选择器不要第一个

夯实基础--CSS=>复合选择器

nth-child的用法

CSS3 nth-child的使用,详解css中nth的作用,以及nth-child的兼容写法

css中nth-child的属性

CSS3 nth-child()选择前几个元素