css - X 要素以上を選択する nth-child 式

Question

今日の初めに、css ルールのルールを取得する際にいくつかの問題がありnth-childましたが、最終的にそれを理解しました。

X 番目の要素を超えるすべての要素がスタイルされるように、リストのスタイルを設定したかったのです。複雑な式だと思っていたのですが、思ったより簡単でした！

Answer 1

やり方は意外と簡単。次のようなセレクターが必要です。

n+<ELEMENT_INDEX_PLUS_ONE>

したがって、3 つ目以降のすべての div を選択して背景を赤にしたい場合は...

div:nth-child(n+4){ background-color: red; }

10 番目のリスト項目までを無効に表示したいとします...

li:nth-child(n+10){ opacity: .4; }

X 番号の後にすべての要素を取得する CSS セレクターを探している場合に役立つことを願っています。