Caution
お使いのブラウザはJavaScriptが実行できない状態になっております。
当サイトはWebプログラミングの情報サイトの為、
JavaScriptが実行できない環境では正しいコンテンツが提供出来ません。
JavaScriptが実行可能な状態でご閲覧頂くようお願い申し上げます。
- トップページ
- CSSプロパティ辞典
- 【CSSセレクタ】E ~ F
【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>
対応ブラウザ
| IE6 | IE7 | IE8 | IE9 | IE10 | IE11 | Safari | Chrome | Firefox | Opera |
|---|---|---|---|---|---|---|---|---|---|
| iPhone Safari | Android2系 標準ブラウザ | Android4系 標準ブラウザ |
|---|---|---|
記事の間違いや著作権の侵害等ございましたらお手数ですがこちらまでご連絡頂ければ幸いです。
