A way to handle pseudo classes in Tailwindcss

[zbandhan]

First of all, I like to thank the Tailwindcss team for giving us such a nice way of writing CSS without visually writing it.

I found pseudo classes need to be written multiple times for adding multiple classes with it.

For example: before:absolute before:w-full before:h-full

Don't know whether it's possible to implement but my guess is that the following writing style might be convenient and could occupy less space in DOM.

like

before:{absolute w-full h-[95px]}
md:{w-1/2 bg-blue-500}

[wongjn]

Here's a response to a similar suggestion:

We get this question so many times, so I would like to redirect you here for more information: https://twitter.com/adamwathan/status/1461519820411789314

[zbandhan]

This is something WindiCSS has already been implemented.

[Charleswilkins]

Using utilities to style elements on hover, focus, and more. Every utility class in Tailwind can be applied conditionally by adding a modifier to the beginning of the class name that describes the condition you want to target.
Caregiver Connect