隣接セレクタ
<h2> 要素
上の <h2> 要素と下の <h3> 要素との間に、この <p> 要素が入っています。
<h3> 要素
<h2> 要素
<h3> 要素
隣接セレクタは、指定した 2つの要素が隣り合ってるときにだけ、弟要素(このサンプルでは <h3>
)を指定するセレクタです。
jQuery Code
$(function() {
$("h2 + h3").css("border-left-color", "orange");
});