Comment l’utiliser

Quatre étapes : coller, lancer, vérifier, copier. Tout reste dans le navigateur.

Collez votre contenu

Ajoutez du CSS, HTML, JSON ou autre texte. Rien n’est envoyé.

Lancez l’outil

Cliquez sur Convertir ou Exécuter. Le résultat s’affiche tout de suite.

Vérifiez la sortie

Lisez le code généré et les notes avant de l’utiliser.

Copiez et utilisez

Copiez le résultat et collez-le dans votre projet.

À propos de cet outil

Le testeur applique un sélecteur CSS à un petit échantillon HTML et liste les correspondances trouvées. L’analyse se fait localement avec DOMParser, aucun contenu ne quitte le navigateur.

Exemple

L’échantillon contient une carte avec un titre enfant et une sœur sans la classe.

Entrée

div.card > h2

Sortie

1 match(es): <h2>…</h2>

Conseil

Excellent support pédagogique pour expliquer :nth-child ou la différence entre combinateur enfant et descendant.