CSS :defined pseudoklasse

Definition og brug

CSS :defined Pseudoklassen bruges til at matche ethvert defineret element.

Denne pseudoklasse kan bruges til standardkomponenter og selvdefinerede komponenter, der er defineret succesfuldt.

Eksempel

Brug :defined Pseudoklasse:

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

Prøv det selv

CSS-sprog

:defined {
  css-erklæringer;
}

Tekniske detaljer

Browserunderstøttelse

Tabellen med tal angiver den første browserversion, der fuldt ud understøtter denne pseudoklasse.