今回は対象以降の指定要素に対してのみスタイルを指定できるセレクタです。
見本はこちら
http://jsdo.it/Yukimi.Sato/nsvW
CSS
p { color:blue; } h2 ~ p { font-weight:bold; color:red; }
HTML
<p>適用されません。</p> <h2>H2見出し</h2> <p>このテキストには適用されます。</p> <p>このテキストには適用されます。</p> <p>このテキストには適用されます。</p>
今回は対象以降の指定要素に対してのみスタイルを指定できるセレクタです。
見本はこちら
http://jsdo.it/Yukimi.Sato/nsvW
CSS
p { color:blue; } h2 ~ p { font-weight:bold; color:red; }
HTML
<p>適用されません。</p> <h2>H2見出し</h2> <p>このテキストには適用されます。</p> <p>このテキストには適用されます。</p> <p>このテキストには適用されます。</p>