What does :: before and ::after do?

Answer 1

The ::before and ::after pseudo-elements in CSS allows you to insert content onto a page without it needing to be in the HTML.

Answer 2

For more info read :
https://css-tricks.com/almanac/selectors/a/after-and-before/