CSS nth-child设置指定位置元素的样式

441 阅读1分钟

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

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

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

倒数第n个元素 n为数字 :nth-last-child(n)

选择前5个元素

选择第1个到第5个,负值-n+5 :nth-child(-n+5)

选择第6个元素(包含6)直到最后

选择6到最后,正值n+6 :nth-child(n+6) 或者 :not(:nth-child(-n + 5))

限制选择某个范围

选择6到8元素的样式 :nth-child(-n+8):nth-child(n+6)