cssの「~」の意味

Question

下記の「~」ってどういう意味でしょうか？

.container input:checked ~ .checkmark:after {
  display: block;
}

Comments

[m.ts10806]

調べて何も出ない内容ではないでしょうし、過去質問にもあるのでは。
何を探して見つかりませんでしたか？それとも何も探してないから何も書いてませんか？

Answer 1

弟要素（同じ親要素の下にある、自分自身より後ろの要素）を指定するためのセレクタです（MDN）。

Comments

[you88]

ありがとうございます！

Answer 2

一般兄弟結合子です。自身より後ろにある兄弟要素を選択します。

一般兄弟結合子 - CSS: カスケーディングスタイルシート | MDN