کلاس فرضی :defined CSS

تعریف و استفاده

CSS :defined کلاس‌های فرضی برای تطبیق با هر عنصر تعریف شده استفاده می‌شود.

این کلاس فرضی می‌تواند برای عناصر استاندارد و عناصر شخصی‌سازی شده‌ای که با موفقیت تعریف شده‌اند استفاده شود.

مثال

استفاده :defined کلاس‌های فرضی:

custom-element:not(:defined) {
  border-color: grey;
  color: grey;
}
custom-element:defined {
  background-color: salmon;
  border-color: maroon;
  color: black;
}
/* پیام بارگذاری نمایش داده شود */
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;
}
/* پیام بارگذاری حذف شود */
custom-element:defined::before {
  content: "";
}

آزمایش کنید

نحوه CSS

:defined {
  اظلاعات css;
}

جزئیات فنی

پشتیبانی مرورگر

تعداد در جدول نسخه اولین مرورگر پشتیبان از این کلاس پنهان را مشخص می‌کند.