css

scss篇

nth-child

我们在scss里面如何写nth-child呢？

.item {
            &:nth-child(2n) {
                margin-bottom: 12upx;
            }
}

上面就是将item元素的第偶数个元素添加样式。

nth-child(2n)

这个表示选择列表中的偶数标签，即选择 第2、第4、第6…… 标签。

nth-child(2n-1)

这个表示选择列表中的奇数标签，即选择 第1、第3、第5、第7……标签。

nth-child(n+3)

这个表示选择列表中的标签从第3个开始到最后。

nth-child(-n+3)

这个表示选择列表中的标签从0到3，即小于3的标签。

nth-last-child(3)

这个表示选择列表中的倒数第3个标签。