CSS Pseudo-Eleman Referans Kılavuzu

CSS Soyut Elementleri

CSS soyut elementleri, elementin belirli bir bölümünün stili ayarlamak için kullanılır.

Örneğin, bu şu şekilde kullanılabilir:

  • Elementin ilk harfi veya ilk satırını ayarlar
  • Element içeriği öncesine veya sonrasına içerik ekler
  • Liste öğesi işaretçisini ayarlar
  • Pencere arka plan görünümünü ayarlar

Aşağıdaki tablo, CSS'teki farklı soyut elementleri gösterir:

Soyut element Örnek Örnek açıklaması
::after ,
::backdrop ,
::before ,
::file-selector-button ::file-selector-button file
::first-letter ,
::first-line ,
::grammar-error ::grammar-error Tarayıcı işaretçisini dilbilgisi hatası olan metin stili olarak ayarlar.
::highlight() ::highlight(custom-name) Özel vurgulamayı seçer.
::marker ::marker Liste öğesi işaretçisini seçer.
::placeholder input::placeholder <input> veya <textarea> elementlerinin yer tutucu metninin stili ayarlanır.
::selection ::selection Kullanıcı tarafından seçilen metnin stili ayarlanır.
::spelling-error ::spelling-error Tarayıcı işaretçisini hatalı yazılmış metin stili olarak ayarlar.
::view-transition ::view-transition Görünüm geçişlerinin üst katmanının kökünü içeren, sayfadaki tüm görünüm geçişlerini içerir.
::view-transition-group ::view-transition-group Tek bir görünüm geçiş anlık görüntüsünü içeren grup.
::view-transition-image-pair ::view-transition-image-pair Görünüm geçişinin “eski” ve “yeni” görünüm durumlarını içeren konteyner (geçiş öncesi ve sonrası).
::view-transition-new ::view-transition-new Görünüm geçişinin “yeni” görünüm durumu.
::view-transition-old ::view-transition-old Görünüm geçişinin “eski” görünüm durumu.