Menu

隣接セレクタ

<h2> 要素

上の <h2> 要素と下の <h3> 要素との間に、この <p> 要素が入っています。

<h3> 要素


<h2> 要素

<h3> 要素


隣接セレクタは、指定した 2つの要素が隣り合ってるときにだけ、弟要素(このサンプルでは <h3> )を指定するセレクタです。

jQuery Code

$(function() {
	$("h2 + h3").css("border-left-color", "orange");
});

jQuery.com 公式ドキュメント

Chapter 3