What is the purpose of pseudo elements?

It is an element which is used to style specified parts of an element. It can be used to either "Style the first letter, or line, of an element" or "Insert content before, or after, the content of an element".

Syntax :
selector::pseudo-element {
property:value;
}