特殊的CSS案件令人困惑

时间:2013-12-08 21:53:01

标签: javascript html css adobe-brackets

我正在观看this视频,这是Brackets IDE的简短演示。我是网络开发的新手,所以我预计会对我看到的代码感到困惑,但那里有一些我真的无法得到的东西。在大约8分钟的时候,这个家伙会调出css行.galleryItem:nth-child(4n+1)说它只会影响网格中每行的第一项,因为:nth-child(4n+1)可以解释一下这行的语法以及如何使用它。

P.S。对于布雷特维克多球迷来说,Brackets似乎做了他的一些事情。

1 个答案:

答案 0 :(得分:2)

这里的想法很简单,每行可能有四个项目,因此使用4n + 1会影响每一行中的第一项,因为它的目标是第1,第5,第9等。整体

我认为4n部分可以被认为是模数除法匹配器(匹配mod 4 = 0的所有地方),而+1只是简单地将1移到右边。因此它包括4的所有倍数,每个都加1。由于0在技术上是4的倍数,因此第1项也包含在此列表中。