Sublime编纂器
HTML+CSS先完当作一个用来尝试:nth-child()的根基HTML样式与布局,代码及预览结果如下所示:

若是n暗示一个具体数值3,则会选择某元素下的第3个子元素,如下所示:

若是就是一个n,将会选中父元素的所有子元素,如下所示:

若是n是一个表达式2n,则暗示所有的偶数项城市被选中,如下所示:

若是n是一个表达式2n+1,则暗示所有的奇数项城市被选中,如下所示:

若是n是一个表达式n+5,则暗示从第5个子元素起头一向到最后的子元素城市被选中,如下所示:

若是n是一个表达式-n+5,则暗示选择父元素的第1个到第5个子元素,它和n+5正好相反,如下所示:

以上就是布局伪类选择器:nth-child()最常用的几种体例,但愿对大师有所帮忙。
0 篇文章
如果觉得我的文章对您有用,请随意打赏。你的支持将鼓励我继续创作!