¿Cómo puedo obtener todos los estilos css de un elemento?

Después de consultar con expertos en la materia, programadores de varias ramas y profesores hemos dado con la solución al dilema y la compartimos en esta publicación.

Solución:

ACTUALIZAR: Como responde @tank a continuación, la versión 77 de Chrome agregó “Copiar estilos” cuando hace clic con el botón derecho en un elemento en el inspector de herramientas de desarrollo.

---

Usar Javascript funcionó mejor para mí. Así es como lo hice:

1. Abra la consola de Chrome DevTools.

2. pega esto dumpCSSText función de esta respuesta de desbordamiento de pila en la consola, y presione Enter:

   function dumpCSSText(element)
     var s = '';
     var o = getComputedStyle(element);
     for(var i = 0; i < o.length; i++)
       s+=o[i] + ':' + o.getPropertyValue(o[i])+';';
     
     return s;
   
   

3. Al usar Chrome, puede inspeccionar un elemento y acceder a él en la consola con el $0 variable. Chrome también tiene un copy comando, así que use este comando para copiar TODO el css del elemento inspeccionado:

   copy(dumpCSSText($0));
   

4. ¡Pega tu CSS donde quieras!

abierto FirefoxInstalar en pc bicho de fuego haga clic derecho en el elemento que desee, seleccione Inspect element y luego abre el Computed área

usted tendrá TODOS LOS ESTILOS aplicado a ese elemento

Esto es válido en Chrome, Safari, Opera e IE con sus propias herramientas de desarrollo

Ópera (Libélula ya está instalado con Opera)

Firefox (Necesidades FireBug enchufar)

explorador de Internet (Necesidades Barra de herramientas para desarrolladores de IE enchufar)

Cromo & Safari (inspector web ya es parte de Chrome y Safari)

Chrome 77 ahora tiene Copy styles en el menú contextual de la pestaña Inspeccionar elemento.

Haga clic derecho en el Element > Inspect > Right click on the element in the opened Elements tab > Copy > Copy styles

---

---

Utiliza Nuestro Buscador