Get Oxygen
Learn Reference Styling Options States

States

A state, technically known as a pseudo-class, allows you to apply styles to elements based on the state of the element.

Examples of states and pseudo-classes:

  • a hovered button
  • an active form field
  • the first or last element of a certain type present in a section

Editing Styles For Element States

First, click the state button. Then, select the state you wish to edit from the list.

Now you can edit the styles for this state.

Adding Custom States

By default, Oxygen lets you edit the styles for :hover, :before, and :after. It is also possible to add custom states.

  1. Click state
  2. Click add state. A pop-up window is displayed.
  3. Type state/pseudo-class name (with or without the :), then click OK. The state is now added to the list.

To add a compound state like :hover:before or :first-child:hover, simply type the compound state into the box.

Complete List Of States / Pseudo-Classes

Many pseudo-classes are available. Details can be found in the Mozilla Developer Network: Pseudo-classes article.

Soflyy is proud to offer you Oxygen, our vision for what visual website design can be. We love it, and we think you will too.
More About Us

Stay up to date with Oxygen

© Soflyy 2018
Designed with Oxygen.
Legal
linkedin facebook pinterest youtube rss twitter instagram facebook-blank rss-blank linkedin-blank pinterest youtube twitter instagram