【CSS】nth-childが効かない原因について

Question

９個のli要素のうち、1から起点に3つ飛んだ要素以外にスタイルを当てたいです。
つまり、1~9のうち、２３４678に当てたい。
以下サイト参考にしていろいろやってみたのですが、うまいこといきません。

参考URL
https://coliss.com/articles/build-websites/operation/css/style-of-nth-child.html

n-betweenがやりたいことに一番近いですが:notでやってもうまくいきませんでした。

ul li:nth-child(1n)::not(nth-child(n + 3)):nth-child(-n + 9) {
  display: none;
}

Answer 1

4つおきに適用したいのなら、セレクタを:nth-child(4n+1)とすればいいだけではないでしょうか？

ul li:nth-child(4n+1) {
  display: none;
}

Comments

[KY1212]

ありがとうございます！無事解決いたしました。