CSS Pseudo-elemente. Ce sunt Pseudo-elementele? Notația dublu colon - :: first-line versus :first-line.
CSS Pseudo-elemente
Ce sunt Pseudo-elementele?
Un pseudo-element CSS este utilizat pentru a stabili părțile specificate ale unui element.
De exemplu, poate fi folosit pentru:
Sintaxă
Sintaxa pseudo-elementelor:
Observați notația dublu colon - :: first-line versus :first-line
Dublul colon a înlocuit notația cu un singur colon pentru pseudo-elemente în CSS3. Aceasta a fost o încercare din partea W3C de a distinge pseudo-clasele și pseudo-elementele.
Sintaxa cu un singur colon a fost folosită atât pentru pseudo-clase, cât și pentru pseudo-elemente în CSS2 și CSS1.
Pentru compatibilitate înapoi (backward), sintaxa cu un singur colon este acceptabilă pentru pseudo-elementele CSS2 și CSS1.
Ce sunt Pseudo-elementele?
Un pseudo-element CSS este utilizat pentru a stabili părțile specificate ale unui element.
De exemplu, poate fi folosit pentru:
- Stilizarea primei litere sau liniei unui element.
- Inserarea de conținut înainte sau după, conținutul unui element.
Sintaxă
Sintaxa pseudo-elementelor:
selector::pseudo-element {
property:value;
}
Observați notația dublu colon - :: first-line versus :first-line
Dublul colon a înlocuit notația cu un singur colon pentru pseudo-elemente în CSS3. Aceasta a fost o încercare din partea W3C de a distinge pseudo-clasele și pseudo-elementele.
Sintaxa cu un singur colon a fost folosită atât pentru pseudo-clase, cât și pentru pseudo-elemente în CSS2 și CSS1.
Pentru compatibilitate înapoi (backward), sintaxa cu un singur colon este acceptabilă pentru pseudo-elementele CSS2 și CSS1.