Search code examples
javascripthtmlcsstailwind-css

testing tailwindcss in DevTools


I'm having problems testing tailwindcss in DevTools, when i try to uncheck or unselect display: flex it will uncheck ALL display flexes from everywhere, as you can see i have chosen a div which has display flex and background color, when i uncheck that display flex it will uncheck all display flexes if there are any BUT if i uncheck that background color it will only affect on that div because i dont have background color elsewhere. I dont have that problem with normal css, am i doing something wrong ?

enter image description here

one workaround is if i delete it from here:

enter image description here


Solution

  • You can use the .cls and toggle the classes at will.

    https://developer.chrome.com/docs/devtools/css/#classes