États

Un état, techniquement appelé pseudo-class, vous permet d'appliquer des styles aux éléments en fonction de leur état.

Exemples d’états et pseudo-class :

• un bouton survolé
• un champs de formulaire actif
• le premier ou le dernier élément d'une section
• …

Modification des styles d'élément en fonction de leur état

Tout d'abord, cliquez sur le bouton state. Ensuite, sélectionnez l'état que vous souhaitez modifier dans la liste.

Maintenant, vous pouvez éditer les styles pour cet état.

Ajouter des états personnalisés

Par défaut, Oxygen vous laisse éditer les styles pour :hover, :before, et :after. Il est aussi possible d’ajouter des états personnalisés.

1. Cliquez sur state (État)
2. Cliquez sur add state… Une fenêtre s’affiche.
3. Tapez le nom de l’état ou pseudo classe (avec ou sans le :), puis cliquez sur OK.
   L'état est maintenant ajouté à la liste.

Pour ajouter un état composé tel que: :hover:, before ou :first-child:hover, tapez simplement l'état composé dans la zone.

Liste complète des états et pseudo-classes

Beaucoup de pseudo-classes sont disponibles. Vous pouvez davantage d’information en lisant cet article : Mozilla Developer Network: Pseudo-classes.

Greg C. / Ph. Reskator