【CSS】:has()の使い方

子孫要素に特定のクラスを持つdiv

div:has(.sample)

sampleというクラスが子孫要素にあるdivを対象にできます。

,で区切ることで複数のクラスを指定できます。

div:has(.sample, .example)

子要素が特定の要素のdiv

div:has(> p)

pが子要素であるdivが対象。

直後に特定の要素があるdiv

div:has(+ p)

直後にpがあるdivが対象になります。