:has()

:has() は CSS の擬似クラスで、引数として渡されたセレクターに (指定された要素の :scope の相対で) 該当する要素が一つ以上の要素に一致することを表します。

構文

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

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

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

a:has(> img)

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

h1:has(+ p)

Specification
Selectors Level 4 # relational

BCD tables only load in the browser