CSS :definierad pseudoklass

Definition och användning

CSS :definierad Pseudoklasser används för att matcha alla definierade element.

Denna pseudoklass kan användas för standardelement och redan definierade anpassade element.

Exempel

Använd :definierad Pseudoklasser:

custom-element:not(:definierad) {
  gränsfärg: grå;
  färg: grå;
}
custom-element:definierad {
  bakgrundsfärg: rödfärgad;
  gränsfärg: mörkröd;
  färg: svart;
}
/* Visa laddningsmeddelande */
custom-element:not(:definierad)::before {
  innehåll: "Laddar...";
  position: absolut;
  inset: 0 0 0 0;
  align-content: center;
  text-align: center;
  font-storlek: 25 px;
  bakgrundsfärg: vit;
}
/* Ta bort laddningsmeddelande */
custom-element:definierad::before {
  innehåll: "";
}

Prova själv

CSS-syntax

:definierad {
  css-uttryck;
}

Tekniska detaljer

Webbläsarstöd

Tabellens nummer anger den första webbläsare som helt stöder denna pseudoklass.