next」のようにセレクタを「~」区切りで指定した場合、prevで合致した要素以降の兄弟要素であるnextを取り出します。以下はid値が「base」である要素の弟要素として登場する<span>要素に対して、枠線を追加します。指定した要素以降の兄弟要素を取得(Sibling.html)このHTMLを実際にブラウザで開くブラウザで開くリスト009の実行結果id="base"である要素と「同列で、かつ、後ろ」に登場する<span>要素に枠線が付いていることが確認できます。span」にはマッチしません。メールマガジンをご購読ください。申し込みページへITmediaはアイティメディア株式会社の登録商標です。