CSS :defined pseudoklasse

Definitie en gebruik

CSS :defined Pseudoklasse wordt gebruikt om elk gedefinieerd element te matchen.

Deze pseudoklasse kan worden gebruikt voor standaard-elementen en succesvol gedefinieerde aangepaste elementen.

Voorbeeld

Gebruik :defined Pseudoklasse:

custom-element:not(:defined) {
  border-color: grey;
  color: grey;
}
custom-element:defined {
  background-color: salmon;
  border-color: maroon;
  color: black;
}
/* Toon laadbericht */
custom-element:not(:defined)::before {
  content: "Laden...";
  position: absolute;
  inset: 0 0 0 0;
  align-content: center;
  text-align: center;
  font-size: 25px;
  background-color: white;
}
/* Verwijder laadbericht */
custom-element:defined::before {
  content: "";
}

Probeer het zelf uit

CSS-syntaxis

:defined {
  css-declaraties;
}

Technische details

Browserondersteuning

Tafelnummers specificeren de eerste browserversie die deze pseudoklasse volledig ondersteunt.