特別CSS案件迷惑

Question

我在觀看this視頻，這是一個Brackets IDE的簡短演示。我是網絡開發的新手，所以我預計會被我看到的代碼搞糊塗，但有些東西在那裏，我真的不明白。大約8分鐘，這個人提出了css行.galleryItem:nth-child(4n+1)由於:nth-child(4n+1)因爲:nth-child(4n+1)，它只會影響網格中每一行的第一項，請有人解釋這一行的語法以及如何使用它。

P.S.對於你佈雷特維克托的球迷，布拉克斯似乎在做他的一些東西。

Answer 1

這裏的想法很簡單，就是有可能每排四個項目，因此使用4N，因爲它的目標是第一，第五，第九等整體 + 1會影響每一行的第一個項目。

我認爲4n部分可以被認爲是一個模分割匹配器（匹配無處不在的mod 4 = 0），而+1簡單地將該1向右移動。因此它包括4的所有倍數，每個都加1。由於0在技術上是4的倍數，所以第一項也包含在這個列表中。