Les pseudo-classes :open et :closed

:open
:closed

Résumé des caractéristiques du sélecteur :open

Description rapide
Pseudo-classe ciblant les éléments pouvant être soit ouverts, soit fermés (comme select), et qui se trouvent dans l'état ouvert.
Statut
Problèmes de compatibilité ⚠
Module W3C
Sélecteurs

Description de la pseudo-classe :open.

Cette page sera prochainement complétée

Exemples d'utilisation de la pseudo-classe :open.

Compatibilité des navigateurs.

La pseudo-classe :open est encore mal reconnue par les navigateurs (2023).

1
Pseudo-classes
:open et :close
Estimation de la prise en charge globale.

Navigateurs sur ordinateurs :

Navigateurs sur mobiles :

Navigateurs obsolètes ou marginaux :

Internet Explorer

UC Browser pour Androïd

Opéra Mobile

QQ Browser

Baidu Browser

Safari

Safari sur IOS

Opéra

Firefox pour Androïd

Chrome

Edge

Firefox

Androïd Brower

Chrome pour Androïd

Samsung Internet

KaiOS Browser

Opéra mini

Voir le site Caniuse.com pour plus d'informations de compatibilité.
Caniuse

Voir aussi : pseudo-classes relatives à l'état d'affichage.

Les pseudo-classes ci-dessous permettent de désigner un élément en fonction de son mode d'affichage : plein-écran, dans une fenêtre séparée, etc.

::backdrop
Pseudo-élément ciblant l'élément ajouté par les navigateurs en arrière des boites de dialogue ou des éléments affichés en plein écran.
⚠
:closed
Pseudo-classe ciblant un élément pouvant être soit ouvert, soit fermé (comme un menu select), et qui se trouve dans l'état fermé.
::details-content
Ce pseudo-élément cible le contenu détaillé d'une balise details.
::part()
Peudo-élément qui cible un sous-élément dans l'arbre fantôme de la page (créé par template).
:fullscreen
Pseudo-classe désignant les éléments affichés en plein écran pendant le temps où ils sont affichés en plein écran.
:modal
Pseudo-classe désignant les éléments affichés en modal : qui bloquent les interactions avec les autres éléments.
⚠
:picture-in-picture
Pseudo classe désignant un élément (le plus souvent une vidéo) affiché dans une fenêtre ne défilant pas avec le reste de la page.