Pseudo-kelas :defined CSS

Pengertian dan penggunaan

CSS :defined Pseudo-kelas digunakan untuk disesuaikan dengan mana-mana elemen yang telah ditakrifkan.

Pseudo-kelas ini boleh digunakan untuk elemen standar dan elemen custom yang telah berjaya ditakrifkan.

Contoh

Gunakan :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 mesej memuat */
custom-element:not(:defined)::before {
  content: "Memuat...";
  position: absolusi;
  inset: 0 0 0 0;
  align-content: tengah;
  text-align: tengah;
  font-size: 25px;
  background-color: putih;
}
/* Buang mesej memuat */
custom-element:defined::before {
  content: "";
}

Coba sendiri

Sintaks CSS

:defined {
  pernyataan css;
}

Perincian teknikal

Pemilihan pelayar

Teks di dalam tabel menentukan versi paling awal penggunaan pseudo-class yang disokong sepenuhnya.