CSS Tricks: Fehlende Attribute mittels CSS darstellen

7. September 2007 - 19:33 – andreas.schroepfer

Der Meister der CSS Gestaltung, Eric Meyer, hat in seinem Blog eine sehr gute Idee vorgestellt. Durch CSS3 können gewissen Attribute dargestellt werden. So werden durch folgenden Code alle Links mit den Verweis auf “#” mit roter Hintergrundfarbe dargestellt:

a[href="#"] {background: red;}

Dies Technik lässt sich nun auch auf andere Attribute anwenden. Somit ist es möglich, allein durch ein Anpassen des Style Sheets alle für Testzwecke angelegten Elemente von einer Seite auffällig darzustellen.

Das alte Browserproblem spielt hier zum Glück keine Rolle, da die Darstellung ja nur für den Entwickler da ist und auf dem Firefox gut funktioniert. Opera hat heir anscheinend leider noch ein paar Probleme…

Mehr Informationen kann man in Erics Blog nachlesen: