PROJET AUTOBLOG


le hollandais volant links

Site original : le hollandais volant links

⇐ retour index

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

mercredi 17 mars 2021 à 22:16

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.


— (permalink)