Een pseudo-element in CSS is een keyword dat wordt toegevoegd aan selectors waarmee u een specifiek deel van de geselecteerde elementen kunt opmaken. Het maakt het mogelijk om bepaalde delen van een element te stylen, zoals het eerste letter van een tekst, voordat en na een element, en anderen.
Bijvoorbeeld, de pseudo-element ::first-letter selecteert en stijlt de eerste letter van een tekstblok. De pseudo-elementen ::before en ::after worden vaak gebruikt om inhoud voor of na een element in te voegen.
De syntax ervoor is een dubbelpunt gevolgd door de naam van het pseudo-element, zoals in het volgende voorbeeld:
```
p::first-letter {
color: red;
font-size: 200%;
}
```
Dit verandert de eerste letter van elke paragraaf in rood en verdubbelt de lettergrootte.
Het is belangrijk op te merken dat niet alle pseudo-elementen door elke browser worden ondersteund.
