Updated UI for class states and inheritance

If you’re a regular in Webflow, you might notice a small change in our UI today:

New states dropdown. Now you can access class states (like hover, pressed, focus, etc.) from a dropdown to the right of the class name.
New inheritance dropdown. Now you can see where all the styles on a given element are being inherited from with a dropdown above the class name.

The new UX for accessing class states and viewing style inheritance.

If you recall the way things were before, these controls looked a bit different, essentially swapped from the way they are now.

A look at how things worked before the update.

We’ve made a small change to how you access class states and view where styles are being inherited from. Check out our update for a look at the change.