Pseudoklasa :defined CSS

Definicja i użycie

CSS :defined Pseudoklasa używana do dopasowywania każdego zdefiniowanego elementu.

Ta pseudoklasa może być używana z elementami standardowymi oraz z elementami niestandardowymi, które zostały pomyślnie zdefiniowane.

Przykład

Użycie :defined Pseudoklasa:

custom-element:not(:defined) {
  border-color: grey;
  color: grey;
{}
custom-element:defined {
  background-color: salmon;
  border-color: maroon;
  color: black;
{}
/* Wyświetl komunikat o ładowaniu */
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;
{}
/* Usuń komunikat o ładowaniu */
custom-element:defined::before {
  content: "";
{}

Spróbuj sam

Gramatyka CSS

:defined {
  deklaracje css;
{}

Szczegóły techniczne

Obsługa przeglądarek

Tabela zawiera liczby określające pierwszą wersję przeglądarki obsługującą ten pseudoklasę.