What is Pseudo-elements?

Pseudo-elements are keyword added to the selector that allows one o style a specific part of the selected element. CSS is used to apply styles in HTML mark-up. In some cases when extra mark-up or styling is not possible for the document, then there is a feature available in CSS known as pseudo-elements. It will allow extra mark-up to the document without disturbing the actual document. It can be used for;

1. To style the first letter, line or element
2. To insert a content

Syntax

Selector: :pseudo-element {

property1 :value;
property2 :value;

}