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要素です。h2要素の手前にいるので赤字になりません。</p> <h2>ここはh2要素です。</h2> <p>ここはp要素です。</p> <p>ここはp要素です。</p>
対応ブラウザ
| IE6 | IE7 | IE8 | IE9 | IE10 | IE11 | Safari | Chrome | Firefox | Opera |
|---|---|---|---|---|---|---|---|---|---|
| iPhone Safari | Android2系 標準ブラウザ | Android4系 標準ブラウザ |
|---|---|---|
記事の間違いや著作権の侵害等ございましたらお手数ですがこちらまでご連絡頂ければ幸いです。
