Actualmente el mundo de los selectores CSS ha avanzado mucho (a veces más que los propios navegadores) pero con los que sí son compatibles se pueden hacer muchas cosas. Una de ellas es identificar malos funcionamientos o malas prácticas de HTML.

A continuación os dejo algunas ideas y vuestra imaginación es el límite para adaptarlas a vuestras necesidades:

  1. Selecciona todos los elementos que tengas estilos en línea.
    *[style] { 
        /* Propiedades */
    }
  2. Selecciona enlaces sin link, con anchors
    a:not([href]),
    a[href="#"],  
    a[href=""],  
    a[href*="javascript:void(0)"]{
        /* Propiedades */
    }
  3. Selecciona imágenes sin atributo alt.
    img:not([alt]),
    img[alt=""]{
        /* Propiedades */
    }
  4. Selecciona los formularios sin name ni id.
    form:not([name]):not([id]){
        /* Propiedades */
    }
  5. Selecciona los elementos de formulario sin name o id.
    input:not([id]),  
    select:not([id]),  
    textarea:not([id]){
        /* Propiedades */
    }
    input:not([name]),  
    select:not([name]),  
    textarea:not([name]){
        /* Propiedades */
    }
  6. Selecciona los labels sin for.
    label:not([for]){
        /* Propiedades */
    }
  7. Selecciona los elementos con estas características restrictivas con jQuery para cambiarlas.
    var $meta = $('meta[name="viewport"][content*="user-scalable=no"]');
    $meta.attr('content',str_replace('user-scalable=no','user-scalable=yes',$meta.attr('content'));
  8. Selecciona elementos con atributos obsoletos. Puede servir para seleccionar los elementos con jQuery y añadirles un atributo disabled.
    $('script[type="text/javascript"]').attr('disabled','true');  
    $('link[rel="stylesheet"][type="text/css"]').attr('disabled','true');
Categorías: CSS
Etiquetas:
Si necesitas una url corta puede usar: codygo.es/2081

Deja un comentario