前端css nth-child

2022-01-27  本文已影响0人  网恋被骗二块二

/* 选择第n个,n位数字 */
:nth-child(n)

选择列表中的偶数标签
:nth-child(2n)

选择列表中的奇数标签
:nth-child(2n-1)

选择列表中的某个数倍数的标签,如
:nth-child(5n)

选择第1个到第m个标签
:nth-child(-n+m){}

选择第m个到最后一个标签
:nth-child(n+m){}

两者结合使用,可以限制选择某一个范围
选择从第m2个起到第m1个范围内的标签
:nth-child(-n+m1):nth-child(n+m2){}

选择列表中的倒数第n个标签 n为数字
:nth-last-child(n)

原文链接:https://blog.csdn.net/idomyway/article/details/93921248

上一篇下一篇

猜你喜欢

热点阅读