文字を探すのは~簡単ではありません。CSSを調べていたらこれを見つけました
.check:checked ~ .content {
}
それはどういう意味ですか？
ベストアンサー1
セレクター~は実際には後続の兄弟コンビネータ（以前は一般兄弟結合子と呼ばれていた）2017年まで):
後続の兄弟コンビネータは、2 つの単純なセレクタのシーケンスを区切る「チルダ」(U+007E、~) 文字で構成されます。2 つのシーケンスによって表される要素は、ドキュメント ツリー内で同じ親を共有し、最初のシーケンスによって表される要素は、2 番目のシーケンスによって表される要素よりも前になります (必ずしも直後とは限りません)。
次の例を考えてみましょう。
.a ~ .b {
background-color: powderblue;
}<ol>
<li class="b">b</li>
<li class="a">a</li>
<li class="x">x</li>
<li class="b">b</li>
<li class="b">b</li>
</ol>.a ~ .b4番目と5番目のリスト項目と一致します。
.b要素は- 兄弟ですか
.a .aHTML ソースの順序で後に表示されます。
同様に、その兄弟であり、その後に現れる.check:checked ~ .contentすべての要素と一致します。.content.check:checked