CSS隣接兄弟セレクタ：要素の後ろにすぐに別の要素を選択し、両方が同じ親要素を持ちます。
たとえば：あなたは段落を増やしたい場合は、すぐにH1要素の余白に表示されます。
h1 p { margin-top:50px;}そして、「〜」セレクタ「セレクタは非常に混乱している」：セレクタの役割は、指定された要素の1の背後にあるすべての兄弟を見つけることです。
次のように具体的な例としては、以下のとおりです。
HTML：
<body>
<div class="box">
<h1>标题</h1>
<p class="p1">段落一的文字</p>
<p class="p2">段落二的文字</p>
<p class="p3">段落三的文字</p>
<p class="p4">段落四的文字</p>
</div>
</body>CSSコードとしては、以下の場合には：
.box h1 p {color:red;}結果ページのスタイル：
ときにCSSのコードは：
.box h1 ~ p {color:red;}次のようにページのスタイルは以下の通りでした。
