:required CSS sélecteur

Définition de la CSS :required.

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

Exemple de syntaxe CSS :required :

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

Exemple de code :required CSS

Conditions d'application de la CSS :required.

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

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

Règles de syntaxes CSS pour :required.

Info complémentaire sur :required

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

La pseudo-classe CSS :required 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 :disabled dans une balise STYLE

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

Attention à l'écriture de :required

La pseudo-classe CSS :required s'applique sur différents types d'élément HTML ou XHTML acceptant l'attribut required. 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 :required.

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:required{ /* 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 :required{ /* Propriétés css */ }
#identifiant :required{ /* Propriétés css */ }

Compatibilités navigateurs du sélecteur :required

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

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

Votre avis sur la définition :required en CSS

Votez pour la définition CSS `:required`

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