CSS pseudo elements

Pseudo elements are a keyword added to a selector that lets you style a particular part of a selected element such as the first letter. Pseudo elements use two colon signs like so:

.element::first-letter {  
	color: red;  
}