Did You Know About the :has CSS Selector? | CSS-Tricks

Il a toujours manqué un truc en CSS, c’est le sélecteur parent. Par exemple, comment appliquer un style aux seuls liens contentant une image ?

On peut styliser une image situé dans un lien, mais pas cibler spécifiquement le lien en vérifiant s’il a des images à l’intérieur.

Avec :has, on pourra : « a:has(img) {} ».
Ça fait parti de CSS4, au même titre que :is() ou :not().

Comme il dit dans l’article, ceci change énormément la façon dont on cible les élements en CSS. En fait… ça change tout. Car jusqu’à maintenant, on devait descendre les branches de l’arbre DOM, maintenant on pourra le remonter.