我正在观看视频,这是Brackets IDE的简短演示。我是Web开发的新手,因此我希望自己所看到的代码感到困惑,但是其中确实有一些我不明白的地方。在大约8分钟的标记后,该家伙显示了css行.galleryItem:nth-child(4n+1)说,由于:nth-child(4n+1),它将仅影响网格中每一行的第一项,请问有人可以解释此行的语法以及如何使用。

附言对于Bret Victor的粉丝来说,Brackets似乎在做他的一些事情。

最佳答案

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

我认为4n部分可以看作是模除匹配器(匹配mod 4 = 0的任何地方),而+1只是将那个1右移。因此,它包括4的所有倍数,每个加1。并且由于0从技术上来说是4的倍数,因此第一个项目也包含在此列表中。

关于javascript - 受到CSS特殊情况的困扰,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/20459611/

10-11 04:18