お使いのブラウザはJavaScriptが実行できない状態になっております。
当サイトはWebプログラミングの情報サイトの為、
JavaScriptが実行できない環境では正しいコンテンツが提供出来ません。
JavaScriptが実行可能な状態でご閲覧頂くようお願い申し上げます。

CSSプロパティ辞典

【CSSセレクタ】E ~ F

『~』(チルダ)を使用すると弟要素全てに適用できます。一般に『間接セレクタ』と呼ばれます。条件としては同じ親要素を持ち、自身より後続している要素に適用される、といった感じです。IE6以下では動きませんのでご注意ください。

h2 ~ p { color: red;} /* h2要素の弟要素のp要素全てに適用されます。 */

h2 ~ p { color: red;} /* h2要素の弟要素のp要素全てに適用されます。 */

<p>ここはp要素です。</p>
<h2>ここはh2要素です。</h2>
<p>ここはp要素です。</p>
<p>ここはp要素です。</p>

デスクトップ

Chrome

1 以降 ○

Firefox

1 以降 ○

Safari

3 以降 ○

2 以前 ×

Edge

12 以降 ○

全バージョンで対応しています

11 ○

10 ○

9 ○

8 ○

7 ○

6 ×

Opera

9 以降 ○

8 以前 ×

モバイル

iOS Safari

1 以降 ○

Android Browser

4.4 以降 ○

3 以前 ×

Chrome Android