Pseudo-elemente CSS
Pentru a stiliza o anumită parte a unui element, adaugă unui selector un cuvânt cheie numit pseudo-element CSS.
Utilizările tipice includ stilizarea primei litere sau a primei linii a unui element, inserarea de conținut înainte sau după acesta, stilizarea marcatorilor elementelor de listă, stilizarea porțiunii selectate de utilizator și stilizarea zonei de vizualizare din spatele unei casete de dialog.
Sintaxă
Scrie două puncte duble (::), apoi numele pseudo-elementului.
Sintaxa pseudo-elementului
selector::pseudo-element-name {
CSS properties
}
Pseudo-elemente pentru text
Părțile conținutului de text pot fi vizate cu pseudo-elemente pentru text: prima linie cu ::first-line și prima literă cu ::first-letter.
Pseudo-elemente pentru conținut
Conținutul generat este inserat sau stilizat cu pseudo-elemente pentru conținut. ::before și ::after inserează conținut înainte și după un element, iar ::marker vizează marcatorii elementelor de listă, ::selection vizează textul selectat de utilizator, iar ::backdrop vizează fundalul casetei de dialog.