CSS改变nth-child()和nth-last-child()的参数灵活选择元素编号

Posted 2021-11-05 CSU迦叶

注：下面的所有示例

1. div可以更换成任意标签

2. k是变量，可以换成特定数值，n保持不变

选中偶数行 

div: nth-child(2n)

div: nth-child(even)

选中奇数行

div :nth-child(odd)

div :nth-child(2n-1)

选中前k行

div :nth-child(-n+k)

选中后k行

div :nth-last-child(-n+k)

从第k行开始，从前往后

div :nth_child(n+k)

从倒数第k行开始，从后往前

div :nth-last-child(n+2)

选中顺数第k行

div :nth-child(k)

选中倒数第k行

div :nth-last-child(k)