دستورالعمل مرجع پseudo-element CSS

pseudo-elements CSS

pseudo-elements CSS برای تنظیم سبک بخش‌های خاص عناصر استفاده می‌شوند.

مثلاً، می‌توان از آن برای:)

  • تنظیم سبک اولین حرف یا اولین خط عنصر.
  • در ابتدای یا انتهای محتوای عنصر، محتوایی را اضافه می‌کند.
  • تنظیم سبک نشانه‌گذاری آیتم‌های لیست.
  • تنظیم سبک دیدار پس‌زمینه برای محاوره.

جدول زیر نمایش می‌دهد که پseudo-elements مختلف CSS چیست:)

عناصر پنهان مثال توضیحات مثال
::after p::after در انتهای محتوای عنصر مشخص شده، محتوایی را اضافه می‌کند.
::backdrop dialog::backdrop تنظیم سبک دیدار پس‌زمینه برای عناصر محاوره یا پاپ‌آپ.
::before p::before در ابتدای محتوای عنصر مشخص شده، محتوایی را اضافه می‌کند.
::file-selector-button ::file-selector-button انتخاب دکمه برای نوع <input type="file">.
::first-letter p::first-letter انتخاب اولین حرف هر عنصر <p>.
::first-line p::first-line انتخاب اولین خط هر عنصر <p>.
::grammar-error ::grammar-error تنظیم سبک متن نشانه‌گذاری شده به عنوان اشتباهات گرامری مرورگر.
::highlight() ::highlight(custom-name) انتخاب تمرکز سفارشی.
::marker ::marker نشانه‌گذاری برای انتخاب آیتم‌های لیست.
::placeholder input::placeholder تنظیم سبک متن جایگزین برای عناصر <input> یا <textarea>.
::selection ::selection تنظیم سبک متن انتخاب شده توسط کاربر.
::spelling-error ::spelling-error تنظیم سبک متن نشانه‌گذاری شده به عنوان اشتباهات املایی مرورگر.
::view-transition ::view-transition ریشه لایه‌های انتقال دیدار، شامل تمامی انتقالات دیدارهای موجود روی صفحه.
::view-transition-group ::view-transition-group گروه تصویرهای لحظه‌ای برای یک دیدار.
::view-transition-image-pair ::view-transition-image-pair محفظه‌ای برای حالت‌های قدیمی و جدید ویژگی انتقال دیدار (قبل و بعد از انتقال).
::view-transition-new ::view-transition-new وضعیت نمایش جدید برای过渡 نمایش.
::view-transition-old ::view-transition-old وضعیت « قدیمی » ویژگی过渡 نمایش.