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的用法的主要内容,如果未能解决你的问题,请参考以下文章