Sözde Öge (pseudo-element) Seçiciler
Bir HTML ögesinin önceden tanımlanmış belirli bölümlerine CSS kuralları tanımlamak için sözde öge (pseudo-element) seçicilerden faydalanılır. Sözde öge seçilerileri kullanarak; Bir HTML ögesinin ilk harfini, ilk satırını, öncesini, sonrasını yada fareyle seçilmiş bir bölümünü biçimlendirebilirsiniz.
Bir sözde öge CSS kuralı oluşturmak için şu sözdizimi kullanılır:
secici::sozde-oge {
ozellik: deger;
}
En son sürüm olan CSS3'te kural olarak; sözde öge seçicilerin :: ile tanımlanması gerekir. Fakat daha eski CSS sürümleriyle olan uyumluluğu bozmamak adına hemen hemen tüm modern tarayıcılar : kullanımını da kabul etmektedir.
::first-letter
Bir metnin ilk karakterini seçmek için kullanılır. Sadece h1, p, ol, ul, li ve div gibi blok seviyesindeki HTML ögelerine uygulanabilir.
::first-line
Bir metnin ilk satırını seçmek için kullanılır. Sadece h1, p, ol, ul, li ve div gibi blok seviyesindeki HTML ögelerine uygulanabilir.
::before
Bir HTML ögesinin öncesindeki boş alanı seçer.
::after
Bir HTML ögesinin sonrasındaki boş alanı seçer.
::selection
Bir kullanıcının fareyle işaretlediği alanı seçer. Sadece; color, background, cursor ve outline CSS özellikleri tanımlanabilir.