工具&利器

css选择器之控制第N行样式

CSS3 :nth-child() 选择器

选择第N个:  p:nth-child(2)

选择偶数或奇数: p:nth-child(odd)  //奇数   p:nth-child(even) //偶数

选择第N及N的倍数:  p:nth-child(3n+0)

应用示例

整体部分为1100px; 每个图标为200px * 5 = 1000px 间隙为100 / 4 = 25 如果margin-right: 25px; 第五个也有margin-right就会导航第五个会换到一下行.

所以p:nth-child(5n+0) { margin-right: 0px; } 与5的倍数都为0px;

相关资料

W3school演示

发表评论