CSS3——:nth-child选择器基本用法简述

:nth-child 直接选择父元素中的元素。
写出第 n 个数字。
例如，p:nth-child(2 ) 选择第二个 p。

如果与之前的其他标签混合，则算数。
h1 首先出现，p:nth-child(2 ) 仍然选择第二个 p。

3 n 选择三个中的第一个。
例如，第 3 页和第 6 页。

odd 选择奇数 p。
Even 选择偶数位 p。

2 n+1 选择奇数 p。
和奇怪一样。

n+2 选择从第二个到最后一个的 p。
例如第二个、第三个……最后一个。

-n+5 选择第 1 到第 5 个 p。
比如第1 个、第2 个……第5 个
说白了，就是按顺序选择p-tag。
式中a在前，b在后。
公式中n从1 开始计数，n从0开始计数。

这个东西怎么用？首先尝试简单的数字。

CSS3——:nth-child选择器基本用法简述

nth-child 按顺序选择元素。

nth-child(2 ) 选择第二个。

第 n 个子项 (3 n) 选择 3 的倍数。

对于第 n 个子项（奇数），选择奇数。

nth-child(even) 选择偶数。

公式(an+b)中，a在前，n不区分大小写。

第 n 个孩子 (2 n+1 ) 等于奇数。

第 n 个孩子 (2 n+0) 等于偶数。

nth-child(n+2 ) 从第二个到最后一个进行选择。

nth-child(-n+5 ) 选择倒数第一项。

你自己检查一下。