Les CSS, ça sert pour de la mise en forme. Oui, mais ça peut aussi servir pour trouver les marqueurs HTML manquant, les éléments vides, ou le DOM Html déprécié.
Une façon simple pour le développeur d’identifier visuellement et très rapidement là où le code HTML n’est pas correct.

Trouver les élément HTML vides

Ceci affichera vos éléments div, span, li et p vide avec une bordure jaune poitillée.

div:empty, span:empty, li:empty, p:empty{ padding: 20px; border: 5px dotted yellow !important; }

Trouver les éléments sans attribut

Pour un bon référencement et une bonne accessibilité, il faut que vos images aient une balise alt non vide et un titre, tout comme vos liens doivent comporter un title et une destination. Ceci les mettra en évidence :

img[alt=""], a[title=""], img[title=""], a[href=""] { border: 5px solid yellow !important; }

Lire la suite »