CSS :defined pseudoklasi

Määrittely ja käyttö

CSS :defined Pseudoklasi matchaa minkä tahansa määritetyn elementin.

Tämä pseudoklasi voidaan käyttää standardeihin elementteihin ja määritettyihin mukautettuihin elementteihin.

Esimerkki

Käyttö :defined Pseudoklasi:

custom-element:not(:defined) {
  border-color: harmaa;
  color: harmaa;
}
custom-element:defined {
  background-color: kummeli;
  border-color: maroon;
  color: musta;
}
/* Näytä latausviesti */
custom-element:not(:defined)::before {
  content: "Lataa...";
  position: absoluuttinen;
  inset: 0 0 0 0;
  align-content: keskellä;
  text-align: keskellä;
  font-size: 25px;
  background-color: valkoinen;
}
/* Poista latausviesti */
custom-element:defined::before {
  content: "";
}

Kokeile itse

CSS-grammatiikka

:defined {
  css-deklaratiot;
}

Tekninen yksityiskohta

Selaimen tuki

Taulukon numerot määrittelevät ensimmäisen selaimen version, joka täysin tukee tätä pseudoklasseja.