CSS3选择器 :nth-child(n) 如何理解

:nth-child(n+6)
:nth-child(2n)
:nth-child(2n-1)
:nth-child(2n+1)
:nth-child(5n-4)

这些用到数列的通项公式表示法
可能你都会用
但是问 :nth-child(2n-1) 与 :nth-child(2n+1) 有什么区别,可能没反应过来

将 [0,1,2,3,4,5,6,7…] 代入公式中得到一个新的数列

比如 n+6 代入公式后得到的结果就是 [6,7,8,9,10,…]
所以 :nth-child(n+6) 表示选择序号大于等于6的所有子元素
以此类推

注意 CSS的元素序号是从1开始的

猜你喜欢

转载自www.cnblogs.com/liaozt/p/9168450.html