CSS 参考マニュアル

CSS @ルール(RULES)

CSS 属性完全ガイド

CSS関数（Functions）CSS選択子全書

CSS + 相邻兄弟選択子

相邻兄弟選択子 (+) 2つの選択子の間に置かれ、2つの要素が同じ親要素の子要素である場合、2番目の要素が選択されます。

完全なCSS選択子リファレンスマニュアル

オンラインサンプル

すべての div 元素の後ろに続く最初の p と最初の span 要素を選択します：

例

!DOCTYPE　html>
<html>
<title>基本チュートリアルウェブ(oldtoolbag.com)</title>
<head>
<style>
div+p
{
background-color:red;
color:white;
}
div+span　{
　　background-color:　DodgerBlue;
}
</style>
</head>
<body>
<h1>ようこそ基本チュートリアルウェブ（ja.oldtoolbag.com)</h1>
<div>
<p>私たちのウェブサイトのURLは：ja.oldtoolbag.com.</p>
<p>私たちのウェブサイトの名前は：基本チュートリアルウェブ。</p>
<span>相邻兄弟選択子のデモ</span>
<span>相邻兄弟選択子のデモ</span>
</div>
<p>私たちはさまざまな基本のチュートリアルを提供しており、基本を学ぶことができれば、もっと遠くへ行ける！</p>
</body>
</html>

テストを見てみる ‹/›

定義と用法

former_element　+　target_element　{　style　properties　}

element+element　相邻兄弟選択子は、指定された最初の要素の後ろに続く要素（内部ではなく）を選択するために使用されます。

ブラウザの互換性

IEFirefoxOperaChromeSafari

すべての主要ブラウザがサポートしています element+element 相邻兄弟選択子。

注意： 　element+elementIE8中で実行するには、宣言する必要があります　<!DOCTYPE>完全なCSS選択子リファレンスマニュアル

CSS関数（Functions）CSS選択子全書