:has()

:has( <forgiving-relative-selector-list> )

:has() 擬似クラスは、セレクターの相対的なリストを引数に取ります。

次のセレクターは、 <img> を直接子に持つ <a> 要素のみを選択します。

a:has(> img) {
}

次のセレクターは、直後に <p> 要素を持つ <h1> 要素のみを選択します。

h1:has(+ p) {
}

• セレクターを使用した DOM 要素の特定
• :scope