A pseudo-element creates a phoney element and inserts it before or after the content of the element that you've targeted. They don't actually change anything in the document. Rather, they insert ghost-like elements that are visible to the user and that are style-able in the CSS.

To learn about the cool things you can do with pseudo-elements click here.