Un débogage CSS intelligent code_CSS/HTML

L'idée est très simple, le code est très concis, l'effet est bon et c'est très utile (IE ne reconnaît naturellement pas ce genre de choses avancées).

Copier le code Le code est le suivant :

* {contour : 2px pointillé rouge}
* * { contour : 2px pointillé vert }
* * * { contour : 2px pointillé orange }
* * * * { contour : 2px pointillé bleu }
* * * * * { contour : 1px rouge uni }
* * * * * * { contour : 1px vert uni }
* * * * * * * { contour : 1px orange uni }
* * * * * * * { contour : 1px bleu uni }

C'est facile à comprendre, utilisez des contours de différentes couleurs et différents types de lignes pour marquer les relations hiérarchiques.