Les nouvelles pseudo-classes :is() et :where() en CSS

🚀 1 Cours gratuit en t'abonnant à ma newsletter :

--------------------------------------------------------------------------------------------

Rejoins la communauté pour partager et/ou obtenir de l’aide sur :

Suis-moi également sur mes réseaux anglophones :

❓ Si tu veux que je fasse une vidéo sur un sujet en particulier, dis-le moi dans les commentaires !

[CompagnonDeCode]

Toujours au top tes vidéos Enzo ! Merci pour le partage !

[medaillonet]

J'avoue que le ":is(ol, ul) :is(ol, ul) ol" est très explicite 🧠🙇‍♂😅
Merci encore pour ce point CSS, simple et efficace, comme dab' ! 👍

J'utilise assez souvent le :is "collé" perso, très utile.
Par contre la "meilleure" (ou plutôt moins contraignante) spécificité grâce au :where, je n'y avais jamais prêté attention, merci !

[FrancoisLecroart]

Sympa comme vidéo. Merci pour la découverte.
Pour ton exemple sur la spécificity. J'aurais plutôt jouer sur le sélecteur que sur le !important qui lui va écraser quoi qu'il arrive le sélecteur et donc n'a rien a voir avec la spécificité.
Un exemple plus concret aurait été du mettre comme sélecteur div.container pour l'un et .container pour l'autre, et on aurait vue que le plus spécifique est pris en priorité, qu'il soit avant ou après l'autre règle.
Pour ce qui est de la simplicité, je suis pas fan non plus de cette exemple. Si c'est pour faire un :is(h5).hero le plus simple c'est directement h5.hero ^^. Sinon, mettre les pseudo class à la fin est très classique et je trouve ça moins perturbant. J'ai jamais vue dans du code un :focus.btn par exemple.

[alphastar]

Euh sinon yavait aussi le signe "+" quon pouvait utiliser en mode "header h1 + p + span + a + button". Donc je vois pas trop a quoi sert le "is"

[B-Innovation]

Merci pour le tuto j'aimerais savoir si une mise à jour du navigateur pourrait permettre d'avoir les nouveautés

[marcelehuyambianguessan]

Je voudrais savoir si ces nouveaux pseudo element sont pris en charge automatiquement par sass ?

[didier..n..]

Bonjour, Enzo je voulais te demander j'ai remarquer sur t'on école de formation
que tu as retiré la formation svelte il me semble c'est dommage
ou alors tu là inclus dans l'abonnement.
Merci pour les infos sur :is :where

[EricFressange]

Salut, je n'ai pas encore eu à utiliser :where.
Par contre :is je l'utilise pour savoir si mes card sont des liens ce qui me permet d'appliquer l'effet hover sur mes card que si se sont des liens
.card:is(a):hover {...}

[SaveCount-bhtp]

Ne te compares pas avec lui, chacun a sa vision

[lmz-dev]

MDN c'était mieux avant. Mais avant il n'y avait pas Internet, alors bon🙄