css中nth-child的属性

Posted 老张在线敲代码

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了css中nth-child的属性相关的知识，希望对你有一定的参考价值。

参数为整数

:nth-child(1)它表示要选择父元素中索引为该数值的子元素（此时的索引值从1开始）

参数是奇数偶数

:nth-child(odd)odd表示选择奇数项的子元素
:nth-child(even)even表示选择偶数项的子元素

参数是倍数

:nth-child(3n)odd表示选择3，6，9`
:nth-child(2n)odd表示选择2，4，6
:nth-child(n+3)odd表示选择4，8，12

以上是关于css中nth-child的属性的主要内容，如果未能解决你的问题，请参考以下文章

CSS3中新增属性总结

css选择器nth-child(1),first-child在加入别的标签，为啥会失效？这两段代

CSS 网格布局和 nth-child

在css3中这些选择器怎么用， E[A^=v] E[A$=v] E[A*=v] E:nth-child(n) E:nth-last-child

利用 SASS 简化 `nth-child` 样式的生成

CSS中：nth-child的用法