Documentation en français du builder Oxygen

É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 stateUne 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

Besoin d’un complément d’information ? Retrouvez-nous sur le groupe de soutien
angle-upvel, sed pulvinar porta. tristique venenatis vulputate, eleifend efficitur. mattis linkedin facebook pinterest youtube rss twitter instagram facebook-blank rss-blank linkedin-blank pinterest youtube twitter instagram