css - 關于nth-child()的問題

問題描述

span:nth-child(-n+3)匹配前三個子元素中的span元素為什么是匹配前3個元素？？如果n是0開始的話，不應該是n+3嗎？

問題解答

span:nth-child(n+3) 感覺是匹配的從第三個往后的所有 span 元素

n 應該是從 0，1，2，…… 加上負號才能保證 nth-chlid(里面的數字小于等于三)

Example:

-n+6 / represents the first 6 elements of the list /

The values of A and B can be negative, but only the positive results of An+B, >for n ≥ 0, are used.

你可以這樣理解，n是從0開始計數(0,1,2...)所以(-n+6) => (6,5,4,3,2,1)所以是前六個上面的引用已經說了，只有正數會被使用。