Pseudo-class :defined của CSS

Định nghĩa và cách sử dụng

CSS :defined Pseudo-class được sử dụng để khớp với bất kỳ yếu tố được định nghĩa nào.

Pseudo-class này có thể được sử dụng cho các yếu tố tiêu chuẩn và các yếu tố tùy chỉnh đã được định nghĩa thành công.

Mẫu

Sử dụng :defined Pseudo-class:

custom-element:not(:defined) {
  border-color: grey;
  color: grey;
}
custom-element:defined {
  background-color: salmon;
  border-color: maroon;
  color: black;
}
/* Hiển thị thông báo tải */
custom-element:not(:defined)::before {
  content: "Đang tải...";
  position: absolute;
  inset: 0 0 0 0;
  align-content: center;
  text-align: center;
  font-size: 25px;
  background-color: white;
}
/* Xóa thông báo tải */
custom-element:defined::before {
  content: "";
}

Thử ngay

Ngữ pháp CSS

:defined {
  các khai báo css;
}

Chi tiết kỹ thuật

Hỗ trợ trình duyệt

Số liệu trong bảng chỉ ra phiên bản trình duyệt đầu tiên hỗ trợ đầy đủ pseudo-class.