css - 每第 5 个 child 与第 n 个 child

This question already has answers here:

Select every Nth element in CSS

(4 个回答)


5年前关闭。




我需要对每 5 个 li 应用一个样式，包括第一个 li。

我试过了:

nth-child(1n+5)

但这不适用于第一个 child 。我哪里错了？

最佳答案

反过来；您正在寻找 :nth-child(5n+1) 。

第一个数字是乘数(在这种情况下是每 5 个元素)，第二个数字是偏移量。偏移量是 1，因为你想从第一项开始——如果你把它放在一边，它会从 0 号开始，然后在 5 号显示。

关于css - 每第 5 个 child 与第 n 个 child ，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/36135818/