Now is your last chance to buy a lifetime license before we switch to annual pricing. Existing licenses will be unaffected.
read more
docs PHP, CSS & JS


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.

Last modified: June 20, 2020
Copyright © 2024 Soflyy
linkedin facebook pinterest youtube rss twitter instagram facebook-blank rss-blank linkedin-blank pinterest youtube twitter instagram