css - 我可以使用 Nth-child 跳过第一项然后选择 2 跳过 2 吗？

Question

我需要一个匹配这个的 nht-child 规则:
◻ ◼ ◼ ◻ ◻ ◼ ◼ ◻ ◻ ◼ ◼ ◻

我在 CSS-Tricks Nth-child-tester 上尝试了几种组合, 但没有任何效果。

这可能吗？

Answer 1

我不知道有任何单一规则的方法可以做到这一点，但您始终可以使用相同的规则只针对两个不同的模式:

:nth-child(4n+2),
:nth-child(4n+3) {
    background: black;
}