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.

|752.1860465116278x512.0731707317074
A look at how things worked before the update.

If you have any questions, feel free to let us know in the feedback thread below :point_down: