CSSの意味がわからない

Question

.popup_wrap input:checked ~ .popup_overlay {
    opacity: 1;
    transform: scale(1);
    transition: opacity 0.5s;
}

上のコード内にある ~ はなんですか？
調べてもわかりませんでした。

回答お待ちしてます。

Comments

[m.ts10806]

何をどう調べたのでしょうか。
調べ方が悪いままだと成長には繋がらないのと、何かあるたびにこうやって質問投稿しないといけなくなります。
「過去に誰も質問しなかったか」という観点も持ってください

Answer 1

間接セレクタ、というものだと思います。

説明は以下のサイトが分かりやすいかと思うので、リンクだけ置いておきますね。
【CSS】間接セレクタの使い方の覚書 – niwaka-web