hover:after changed in 3.0.0-alpha.2

[federicocappellotto97]

What version of Tailwind CSS are you using?

v3.0.0-alpha.2

What build tool (or framework if it abstracts the build tool) are you using?

Tailwind Playground

What browser are you using?

For example: Chrome, Safari, or N/A

Chrome

What operating system are you using?

macOS

Reproduction URL

https://play.tailwindcss.com/7XadQIVIPi

Describe your issue

I was using alpha.1 and the class hover:after:w-0 was working, when i hover on my link the after goes to width: 0
Now, with alpha.2 it stopped working, it seems now you have to hover the after to trigger that class, but of course it's not possible to hover an after.

Class with alpha.1 generated was .hover\:after\:w-0:hover:after, now is .hover\:after\:w-0:after:hover

I think it would be better revert this, and add :hover before :after

[RobinMalfait]

Hey! Thank you for your bug report!
Much appreciated! 🙏

This will be fixed in the next Alpha, but you can already try it using npm install tailwindcss@insiders or yarn add tailwindcss@insiders.

Relevant PR: #6018