h3と隣同士のpタグ。
ここは背景が赤くなる。
h4と隣同士のpタグ。
ここは背景がかわらない。
h3+p{
background:#f00;
}
<h3>h3さん</h3>
<p>
h3と隣同士のpタグ。
ここは背景が赤くなる。
</p>
<h4>h4さん</h4>
<p>
h4と隣同士のpタグ。
ここは背景がかわらない。
</p>
h3と隣だけど、ここは背景がかわらない。
うぉおお~おおッ うぉおお~おおッ だっだだだっだっだぁ お前t(ry
h3.hohoge+p{
background:#f00;
}
<h3>classなしh3さん</h3>
<p>
ここは背景がかわらない。
</p>
<h3 class="hohoge01">classありh3さん</h3>
<p>
うぉおお~おおッ うぉおお~おおッ だっだだだっだっだぁ お前t(ry
</p>
ここは背景がかわらない。
ここは背景が赤くなる。
div.box3 p~p{
background:#f00;
}
<div class="box3">
<h3>h3さん</h3>
<p>
ここは背景がかわらない。
</p>
<h3>h3さん</h3>
<p>
ここは背景が赤くなる。
</p>
</div>
ここは背景がかわらない。
2番目の<p>だけどここも背景は変わらない。
<h4>以降に出てくる<p>の背景は赤くなる
ぴぃぴぃぴぃ~ぴぃぴぃぴぃ~…ろくなm(ry
div.box4 h4~p{
background:#f00;
}
<div class="box4">
<h3>h3さん</h3>
<p>
ここは背景がかわらない。
</p>
<h3>h3さん</h3>
<p>
2番目の<p>だけどここも背景は変わらない。
</p>
<h4>h4さん</h4>
<p>
<h4>以降に出てくる<p>の背景は赤くなる
</p>
<p>
ぴぃぴぃぴぃ~ぴぃぴぃぴぃ~…ろくなm(ry
</p>
</div>
ここは背景がかわらない。
ここも背景は変わらない。
背景が変わる。
赤いけど3倍早いわけじゃない。
div.box5 h3.hohoge02~p{
background:#f00;
}
<div class="box5">
<h3>classなしh3さん</h3>
<p>
ここは背景がかわらない。
</p>
<h3>classなしh3さん</h3>
<p>
ここも背景は変わらない。
</p>
<h3 class="hohoge02">classありh3さん</h3>
<p>
背景が変わる。
</p>
<h3>classなしh3さん</h3>
<p>
赤いけど3倍早いわけじゃない。
</p>
</div>