Cambie y agregue fácilmente clases CSS de Tailwind en Chrome DevTools

Cambie y agregue fácilmente clases CSS de Tailwind en Chrome DevTools - Amit Merchant - Un blog sobre PHP, JavaScript y más

 

La única característica de Chrome DevTools que descubrí recientemente es la capacidad de alternar y agregar clases de CSS en el panel Elementos. Esta es una característica muy útil que puede ayudarlo a agregar y eliminar rápidamente las clases CSS de Tailwind del elemento seleccionado.

Ahora bien, esta característica puede ser especialmente útil cuando se trabaja en un proyecto que usa Tailwind CSS, ya que puede haber muchas clases para agregar y eliminar del elemento seleccionado. Y esta característica puede ayudarlo a hacerlo en un santiamén.

Primero, revisa el siguiente GIF para ver cómo funciona.

Cambiar y agregar clases CSS de Tailwind en Chrome DevTools

Como puede ver, para usar esta función, primero debe seleccionar el elemento en el panel Elementos. Y luego puede cambiar y agregar clases haciendo clic en el "Cambio de clase" (.cls) en el "Modos" lengua.

Enumerará todas las clases aplicadas al elemento seleccionado. Puede cambiar y agregar clases fácilmente desde allí.

La única limitación de esta función es que solo podrá agregar clases ya presentes en el archivo CSS. Entonces, si desea agregar una clase que no está presente en el archivo CSS, deberá agregarla manualmente.

Si quieres conocer otros artículos parecidos a Cambie y agregue fácilmente clases CSS de Tailwind en Chrome DevTools puedes visitar la categoría Código.

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Subir

Esta página web utiliza cookies para analizar de forma anónima y estadística el uso que haces de la web, mejorar los contenidos y tu experiencia de navegación. Para más información accede a la Política de Cookies . Ver mas