Pseudo-kelas :defined CSS

Definisi dan penggunaan

CSS :defined Pseudo-kelas digunakan untuk mencocokkan setiap elemen yang telah didefinisi.

Pseudo-kelas ini dapat digunakan untuk elemen standar dan elemen custom yang telah sukses didefinisi.

Contoh

Penggunaan :defined Pseudo-kelas:

custom-element:not(:defined) {
  warna garis: abu-abu;
  warna: abu-abu;
}
custom-element:defined {
  background-color: salmon;
  warna garis: maroon;
  warna: hitam;
}
/* Tampilkan pesan loading */
custom-element:not(:defined)::before {
  content: "Loading...";
  position: absolut;
  inset: 0 0 0 0;
  align-content: tengah;
  text-align: tengah;
  font-size: 25px;
  background-color: putih;
}
/* Buang pesan loading */
custom-element:defined::before {
  content: "";
}

Coba sendiri

CSS Grammar

:defined {
  deklarasi css;
}

Detil teknis

Dukungan browser

Angka di tabel menunjukkan versi pertama browser yang mendukung pseudo-kelas ini penuh.