:optional CSS sélecteur

Définition de la CSS :optional.

La pseudo-classe CSS :optional permet de cibler tous les éléments HTML acceptant l'attribut required et dont l'attribut required n'est spécifié, afin de leur assigner des propriétés CSS.

Exemple de syntaxe CSS :optional :

:optional {
  /* Propriétés */
}
identifiant:optional {
  /* Propriétés */
}

Exemple de code :optional CSS

Conditions d'application de la CSS :optional.

La pseudo-classe feuille de style :optional CSS s'applique (X)HTML sur la balise SELECT, INPUT et TEXTAREA.

La pseudo-classe de feuille de style :optional CSS ne peut pas se déclarer dans l'attribut HTML ou XHTML STYLE.
La pseudo-classe CSS :optional doit être déclarée dans une balise HTML ou XHTML STYLE.

Règles de syntaxes CSS pour :optional.

Info complémentaire sur :optional

Attention, la pseudo-classe CSS ":optional" a une écriture un peu spéciale, "optional" est toujours précédée de ":".

La pseudo-classe CSS :optional ne peut pas être déclarée dans une balise HTML ou XHTML avec l'attribut HTML ou XHTML "STYLE" ou dans une feuille de style externe.
Elle se déclare dans une balise HTML ou XHTML "STYLE" de votre page :

Exemple d'écriture CSS :optional dans une balise STYLE

<STYLE>
  input:optional{}
</STYLE>

Attention à l'écriture de :optional

La pseudo-classe CSS :optional s'applique sur différents types d'élément HTML ou XHTML acceptant l'attribut required qui n'est pas activé. Vous pouvez donc si nécessaire mettre un sélecteur devant pour un ciblage plus précis, sinon les propriétés seront appliquées à l'ensemble des éléments HTML ou XHTML acceptant :optional.

Dans le cas ci-dessous l'identifiant est collé à ":". Dans ce cas nous demandons d'appliquer les propriétés sur les éléments HTML ou XHTML qui ont "identifiant".

Code CSS :

.identifiant:required{ /* Propriétés css */ }
#identifiant:optional{ /* Propriétés css */ }

Dans le cas ci-dessous l'identifiant est espacé de ":". Dans ce cas nous demandons d'appliquer les propriétés sur les éléments HTML ou XHTML dont le parent direct ou indirect est "identifiant".

Exemple de code :

.identifiant :optional{ /* Propriétés css */ }
#identifiant :optional{ /* Propriétés css */ }

Compatibilités navigateurs du sélecteur :optional

Détails des versions de la CSS :optional: Sélecteur :optional css n'est pas compatible W3C; Sélecteur :optional est compatible avec CSS4 et plus.

Résumé du support navigateurs de la CSS :optional: Sélecteur CSS :optional est compatible à partir de Chrome 10; Sélecteur CSS :optional est compatible à partir de Firefox 4.0; Sélecteur CSS :optional est compatible à partir de Internet Explorer 10; Sélecteur CSS :optional est compatible à partir de Opera 10; Sélecteur CSS :optional est compatible à partir de Safari 5

Votre avis sur la définition :optional en CSS

Votez pour la définition CSS `:optional`

Votes: 5 / 5 - 1 vote
Cliquez sur une étoile pour voter.