Pseudo-classe :defined CSS

Définition et utilisation

CSS :defined La pseudo-classe est utilisée pour correspondre à tout élément défini.

Cette pseudo-classe peut être utilisée pour les éléments standards et les éléments personnalisés définis avec succès.

Exemple

Utilisation :defined Pseudo-classe :

custom-element:not(:defined) {
  border-color: gris;
  color: gris;
}
custom-element:defined {
  background-color: saumon;
  border-color: marron;
  color: black;
}
/* Afficher le message de chargement */
custom-element:not(:defined)::before {
  content: "Chargement...";
  position: absolute;
  inset: 0 0 0 0;
  align-content: center;
  text-align: center;
  font-size: 25px;
  background-color: white;
}
/* Supprimer le message de chargement */
custom-element:defined::before {
  content: "";
}

Essayez-le vous-même

Grammaire CSS

:defined {
  déclarations css;
}

Détails techniques

Prise en charge du navigateur

Les nombres dans le tableau indiquent la première version du navigateur qui prend en charge cette pseudo-classe en totalité.