Inicio CSS estilos Diagnosticar fallos de programación con CSS

Diagnosticar fallos de programación con CSS

Domingo, 11-09-2011 17:39 - Leer comentarios - Comentar

Haciendo un uso magistral de los selectores de CSS, va filtrando situaciones comunes en cualquier sitio (imagenes sin alt, enlaces que no van a ningún sitio…), haciéndolas mucho más fáciles de localizar.
La hoja de estilo queda algo así.
Texto plano
a[href="#"] {background: lime;}
a[href=""] {background: fuchsia;}
img {outline: 5px solid red;}
img[alt][title] {outline-width: 0;}
img[alt] {outline-color: fuchsia;}
img[alt], img[title] {outline-style: double;}
img[alt=""][title], img[alt][title=""] {outline-width: 3px;}
img[alt=""][title=""] {outline-style: dotted;}
Recibimos referencias visuales más concretas (sabremos de un vistazo qué está mal y por qué).

Comentarios

Stone - Martes, 08-11-2011 18:18

Alright alright alright that's exactly what I neeedd!


No se permiten comentarios en este momento.