CSS : 使用nth-child()选择元素

mac2026-02-05  0

n = 0,1,2… ( >0 ) ==.>选择的结果 选择第一个元素 :first-child

选择第n个元素 :nth-child(n)

选择偶数元素 :nth-child(2n) || nth-child(even)

选择奇数元素 :nth-child(2n-1) || nth-child(odd)

选择某一列元素(一行有3个元素) :nth-child(3n+1) || :nth-child(3n+2)

选择前几个元素 /*【负方向范围】选择第1个到第3个 */ :nth-child(-n+3){}

从第几个开始选择 /*【正方向范围】选择从第3个开始的,直到最后 */ :nth-child(n+3){}

两者结合使用,可以限制选择某一个范围 /【限制范围】选择第4个到第6个,取两者的交集 / / css选择器是从右向左匹配的/ :nth-child(-n+6):nth-child(n+4){}

选择最后一个元素 :last-child

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

选择列表中的倒数前n个标签 :nth-last-child(-n+3)

选择列表中的倒数第n个元素至开头 :nth-last-child(n+3)

最新回复(0)